PNG to PNG-8

Name: PNG to PNG-8
Brand: Cloudinary
Rating: 4.5 (27 reviews)

Convert PNG to PNG-8 with our free online tool. Upload your PNG, reduce it to an 8-bit palette, and download a smaller file in just a few clicks.

🖼️ Scaling millions of product images? 💡Automate, optimize, and deliver faster. 👉 Talk to a Media Expert

Convert Image to ICO

Or drag your image here to convert it to ICO format

Preview

Dimensions: -- Output: ICO

Custom Size

Width (px)

Height (px)

Lock aspect ratio

Original Image

Dimensions --

Format --

File Size --

★★★★★

4.5 (27 reviews)

Looking to convert PNG to PNG-8 at scale?

Free Online PNG to PNG-8

Shrink any PNG by reducing it to an 8-bit color palette.

Why use our PNG to PNG-8 tool?

Reduce your PNG to an 8-bit palette so the file gets much smaller while still looking right, directly in the browser, free.

Built for the browser

Works right in your browser, free, with no software to install and no watermarks.

Much smaller files

An 8-bit palette cuts PNG weight a lot, which is why it suits icons, logos, and flat graphics.

Transparency kept

PNG-8 still supports transparency, so cut-outs keep their clean edges.

Quality preserved

Cloudinary keeps your output crisp and true to the original.

Do it at scale

Process one file or thousands with our free API and convert PNG to PNG-8 automatically, with no manual steps.

Format versatility

Works with all major formats, so your result fits right into your workflow.

How to convert PNG to PNG-8 in 3 steps

Convert in 3 simple steps. Upload your PNG, reduce the palette, and download.

Upload your image

Drag and drop your image into the browser, or upload it from your device.

Reduce to PNG-8

The tool maps your image to an 8-bit palette and re-encodes it.

Download

Save your result, with no watermarks.

Go beyond a heavy 24-bit PNG

Shrink and convert more images with our free tools: Compress PNG, Image Optimizer, PNG to JPG.

A woman and a golden retriever in the mountains. They're sitting, facing away from the camera while the dog noses the woman. They're surrounded by natural splendor including majestic mountains, puffy clouds, and evergreen-studded hills. — An un-cropped image overlaid with a cropping window showing how it would be cropped by Cloudinary.

Original: 18 MB
We’re showing a resized version of the original asset to avoid slow loading speeds. View the original.

JPEG: 135 KB
WebP: 135 KB
AVIF: 90 KB
JPEG XL: 94 KB

Original: 18 MB
We’re showing a resized version of the original asset to avoid slow loading speeds. View the original.

JPEG: 135 KB
WebP: 135 KB
AVIF: 90 KB
JPEG XL: 94 KB

Duration: 1:42

Duration: 0:15

URL:

/ar_0.5,c_fill,g_auto,w_433/q_auto/f_auto/hiking_dog_mountain.jpg

cloudinary.image("hiking_dog_mountain.jpg", {transformation: [
  {aspect_ratio: "0.5", gravity: "auto", width: 433, crop: "fill"},
  {quality: "auto"},
  {fetch_format: "auto"}
  ]})

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

CloudinaryImage("hiking_dog_mountain.jpg").image(transformation=[
  {'aspect_ratio': "0.5", 'gravity': "auto", 'width': 433, 'crop': "fill"},
  {'quality': "auto"},
  {'fetch_format': "auto"}
  ])

(new ImageTag('hiking_dog_mountain.jpg'))
	->resize(Resize::fill()->width(433)
->aspectRatio(0.5)
	->gravity(
	Gravity::autoGravity())
	)
	->delivery(Delivery::quality(
	Quality::auto()))
	->delivery(Delivery::format(
	Format::auto()));

cloudinary.url().transformation(new Transformation()
  .aspectRatio("0.5").gravity("auto").width(433).crop("fill").chain()
  .quality("auto").chain()
  .fetchFormat("auto")).imageTag("hiking_dog_mountain.jpg");

cl_image_tag("hiking_dog_mountain.jpg", transformation: [
  {aspect_ratio: "0.5", gravity: "auto", width: 433, crop: "fill"},
  {quality: "auto"},
  {fetch_format: "auto"}
  ])

cloudinary.Api.UrlImgUp.Transform(new Transformation()
  .AspectRatio("0.5").Gravity("auto").Width(433).Crop("fill").Chain()
  .Quality("auto").Chain()
  .FetchFormat("auto")).BuildImageTag("hiking_dog_mountain.jpg")

cloudinary.image('hiking_dog_mountain.jpg').transformation(Transformation()
	.resize(Resize.fill().width(433)
.aspectRatio(0.5)
	.gravity(
	Gravity.autoGravity())
	)
	.delivery(Delivery.quality(
	Quality.auto()))
	.delivery(Delivery.format(
	Format.auto())));

imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()
  .setAspectRatio("0.5").setGravity("auto").setWidth(433).setCrop("fill").chain()
  .setQuality("auto").chain()
  .setFetchFormat("auto")).generate("hiking_dog_mountain.jpg")!, cloudinary: cloudinary)

MediaManager.get().url().transformation(new Transformation()
  .aspectRatio("0.5").gravity("auto").width(433).crop("fill").chain()
  .quality("auto").chain()
  .fetchFormat("auto")).generate("hiking_dog_mountain.jpg");

cloudinary.image('hiking_dog_mountain.jpg').transformation(Transformation()
	.resize(Resize.fill().width(433)
.aspectRatio(0.5)
	.gravity(
	Gravity.autoGravity())
	)
	.delivery(Delivery.quality(
	Quality.auto()))
	.delivery(Delivery.format(
	Format.auto())));

cloudinary.image {
	publicId("hiking_dog_mountain.jpg")
	 resize(Resize.fill() { width(433)
 aspectRatio(0.5F)
	 gravity(
	Gravity.autoGravity())
	 })
	 delivery(Delivery.quality(
	Quality.auto()))
	 delivery(Delivery.format(
	Format.auto())) 
}.generate()

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

Frequently Asked Questions

What is PNG-8?

PNG-8 is a PNG that uses a palette of up to 256 colors instead of full 24-bit color, which makes the file much smaller.

How does it work?

Upload a PNG and the tool maps it to an 8-bit palette and re-encodes it.

Is it free to use?

Yes, it’s free to use online. Just upload your PNG and download the smaller file.

Can developers do this programmatically?

Yes. Developers can use Cloudinary’s API to deliver palette-reduced PNGs automatically.

When should I not use PNG-8?

Avoid it for photographs and smooth gradients, where 256 colors show banding. It suits icons, logos, and flat graphics.