Over a million developers have joined DZone.

Compress PNGs With TinyPNG

DZone's Guide to

Compress PNGs With TinyPNG

· Web Dev Zone ·
Free Resource

Jumpstart your Angular applications with Indigo.Design, a unified platform for visual design, UX prototyping, code generation, and app development.

Page loading times is one of the most important factors in any website, the quicker your pages can load the better your website will become. Page loading speeds will improve your SEO, this is one of the factors that search engines use rank your pages. Speed is also an important factor with the increasing amount of users accessing your website on mobile devices, with a faster website more people will see your content.

There are lots of things that you can do to increase the speed of the your website...better caching, minimise CSS and Javascript files, combine multiple CSS files together, combine images into sprites but first you should try to compress the size of your images.

Here is a good tool you can use to compress any PNG for your website TinyPNG.


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!


Take a look at an Indigo.Design sample application to learn more about how apps are created with design to code software.


Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}