Friday, 24 August 2012

Compress PNG images better than Photoshop

This quick tip is how to compress PNG image files even smaller than photoshop and still look visually great.  An added bonus is the transparency works in IE6 (what?!! how.. that's crazy!!).

In previous posts I've talked about which image file format to use and work arounds to get IE6 to display transparency in PNG files

Over at tinypng.org you can upload up to 20 images to be processed (free) this will result in an indexed 8-bit PNG file with alpha transparency that is around 70% smaller file size.
 

Photoshop doesn't do this :( it just creates 24-bit PNGs (which are great but not as small as they can be).

Here's an example - the original png is 469KB and the tinypng is 138KB over 70% compressed can you tell the difference?

Original PNG: 469KB

Tiny PNG: 138KB (click to enlarge)


Share/Bookmark

11 comments:

  1. Thanks fog give me opportunity this post is great
    thanks.
    Offshore IT Staffing

    ReplyDelete
  2. i'ts valuable info to me thanks..

    ReplyDelete
  3. Wow. Its a great information sharing about of compressing images in .png format better than Photoshop.
    Website Development Companies

    ReplyDelete
  4. Nice Post!! pretty informative..thanks for providing such a nice post.

    web design agency

    ReplyDelete
  5. καρεκλεσ γραφειου : χριστουγεννιατικα στολιδια Χριστουγεννιατικα δεντρα Χριστουγεννιατικα ειδη, Χριστουγεννιατικα, Αποκριατικα, αποκριατικεσ στολες, στολεσ αποκριατικεσ, στολες αποκριας, αποκριατικη στολη, αποκριατικα ειδη, επιπλα, καρεκλεσ γραφειου, επιπλα κηπου,

    ReplyDelete
  6. Indeed I don't see any difference between the two pictures save from their sizes. PNG is great space saver. A great news to everyone.

    seo web design

    ReplyDelete
  7. Details are very true and factual, I do really learned something new upon reading this interesting post. Good job! and Thanks!
    Website Design Services in India
    SEO Company in India

    ReplyDelete
  8. Art is really a taste that leads to various opinions. Say for instance, a bit of art appears to 1 bad or good based upon his taste, liking and disliking. If he's a champion of contemporary art, a bit of traditional art will appear to him time tested and obsolete.

    Design, too, is dependent upon taste. However the difference is the fact that a design is recognized as effective and good only if it may fulfill its reason for motivating people for doing something.

    website design

    ReplyDelete