Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Compress PNGs With TinyPNG

DZone's Guide to

Compress PNGs With TinyPNG

· Web Dev Zone
Free Resource

Get deep insight into Node.js applications with real-time metrics, CPU profiling, and heap snapshots with N|Solid from NodeSource. Learn more.

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

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!

TinyPNG

Node.js application metrics sent directly to any statsd-compliant system. Get N|Solid

Topics:

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

Opinions expressed by DZone contributors are their own.

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

{{ parent.tldr }}

{{ parent.urlSource.name }}