An easy way to optimize your site’s load time is by compressing your PNG’s. Compressing large files will make your website load faster and save bandwidth.
What does TinyPNG do?
TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colours in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size!
While TinyPNG claims to compresses your PNG images by 50-70%, I’ve found that it’s usually closer to 90%.
I was working on a set of icons today and thought I would demonstrate just how easy it is to compress your images. Just highlight and drag, then drop multiple images, up to 20 at once. I love using TinyPNG because it’s so easy.
Voila! Reduced my images by 92%.
Can you tell the difference?
In my example below the file size has been reduced by more than 90%. Can you spot the difference? Probably not, but using the compressed image will save bandwidth and loading time and your website visitors will thank you.
Before TinyPNG 40.9KB
After TinyPNG 4.24KB
You may also want to check out this article about using a favicon to to prevent wasted bandwith. Thanks for reading! If you enjoyed this post or found it useful, I would love to hear from you in the comments.
Leave a Reply
Your email address will not be published. Required fields are marked
You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <s> <ins> <strong>