tips

Make PNG Files Smaller Without Sacrificing Image Quality

TinyPNG is a simple way to make your PNG files smaller, so you can use them on your website and save space, as well as bandwidth. Here’s how to use it.

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.

TinyPNG Main

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.

TinyPNG drag

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.

TinyPNG done

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.

It’s also worth mentioning that if you’re a Photoshop user, TinyPNG provides a plugin for it too.


5 Comments

5 Comments

  1. Sanjay Vinayak  

    Even Balesio File Minimizer Personal edition is excellent for reducing image sizes. It also supports a number of file formats.

    • Bogdan Bele  

      I’ll take a look at it.

  2. David Spector  

    This Webapp fills an important need. So many websites post phone photos that waste oodles of disk space on servers and precious seconds of download time.

    All that is currently missing (3/2/15) is file conversion, so BMP, JPG, and other standard files can be minimized into PNG files.

  3. Awesome! Worked a treat and reduced my masthead files by 77%!

  4. Tammy Adams  

    Thank you so much for this article!! It helped me out so much with a book I am working on with a lot of images in it!! Thank you!!!!

Leave a Reply

Your email address will not be published. Required fields are marked *

 

To Top