Quantcast

Creativebits.org

an All Creative World site
Ivan's picture

Clever PNG Optimization Techniques

As a web designer you might be already familiar with the PNG image format which offers a full-featured transparency. It’s a lossless, robust, very good replacement of the elder GIF image format. As a Photoshop (or any other image editor) user you might think that there is not that many options for PNG optimization, especially for truecolor PNG’s (PNG-24 in Photoshop), which doesn’t have any. Some of you may even think that this format is “unoptimizable”. Well, in this post we’ll try to debunk this myth.

This post describes some techniques that may help you optimize your PNG-images. These techniques are derived from laborious hours spent on studying how exactly the PNG encoder saves data. We’ll start with some essentials about the PNG format and will then move to advanced optimization techniques.

Commenting on this weblink is closed.

Tice's picture
40 pencils

Thanks, right on time! I have to optimize a huge pile of pictures as PNG product images for a webshop, so this is perfect. Thanks! : )

ronk's picture
58 pencils

Thanks for posting this article Ivan, very helpful!

steveballmer's picture
627 pencils

I thought Macs did not do PNG?

http://stevefakeballmer.wordpress.com/
I am not Steve Ballmer pretending not to be me!

Ivan's picture

It's the IE6 that doesn't do png. ;)

Creativebits is a blog about creativity, design and Macs. We also have a critique section where you can post your work to get opinions and a forum to discuss any design related topics.

Recommend us on Google

Latest critique

  • Butterfingers ad campaign
  • Critique for my logo

Marketplace