The PNG image format is used by a lot of people because it uses lossless compression and is supported by both the web and almost any image manipulation software. Even better, images can be partially transparent.
With the crisp clarity that the PNG format provides, it also means that the files end up being quite large. This isn’t good if you are loading them on a webpage because speed is important. Here’s a way to make the images smaller in size without sacrificing quality.
Make PNG Images Smaller
TinyPNG helps you make PNG files smaller, so that the webpages you use them on load faster. It does this by optimizing them; it’s a lossy process, but I personally can’t see any degradation in image quality. It reduces the number of colors and removes unnecessary metadata. In terms of file size, the results can be impressive.
For this example, I’m using a PNG screenshot that’s 1098 x 855 pixels in resolution and has an initial size of 462 kilobytes.
To start, go to TinyPNG, here.
Now you have one of two options – you can either drag the file you want to shrink on the dedicated field or click the respective field and upload your PNG.
After that, TinyPNG will work its magic. It will display how much the image has been reduced, both in terms of percentage and size.
Let’s see how it worked with my test file which, as you may remember, was 462 kilobytes in size. As you can see, the size of the file has been reduced by 76% and is now 109.4 kilobytes — 352 kilobytes less.
All that’s left to do is to click the download button in order to get the new file.
If you want quality screenshots and other photos on your site, and reduce their size, without much variance in quality, TinyPNG is a great tool for the job.