Over a million developers have joined DZone.

Compress PNGs With TinyPNG

DZone's Guide to

Compress PNGs With TinyPNG

· Web Dev Zone
Free Resource

Make the transition to Node.js if you are a Java, PHP, Rails or .NET developer with these resources to help jumpstart your Node.js knowledge plus pick up some development tips.  Brought to you in partnership with IBM.

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!


Learn why developers are gravitating towards Node and its ability to retain and leverage the skills of JavaScript developers and the ability to deliver projects faster than other languages can.  Brought to you in partnership with IBM.


Published at DZone with permission of Paul Underwood, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

The best of DZone straight to your inbox.

Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

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

{{ parent.tldr }}

{{ parent.urlSource.name }}