Make Your Nonprofit's Web Images Small! TinyPNG to the Rescue.

Katie Austin By KatieA,
Design


Image compression is important. It helps your images be as small in file size as possible which can have a dramatic effect on the overall size and performance of your web pages. Overall page size has a notable effect on your Google PageSpeed score which in turn is a factor for SEO. 

There are quite a few image compression solutions available, but we love using TinyPNG.

Image compression with TinyPNG

TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG and JPG files, which improves site performance.

TinyPNG works by selectively decreasing the number of colors in the image, which results in fewer bytes required to store the data. The effect is nearly invisible but it makes a very large difference in file size! 

Cost is free to use web app. 

If you are using Photoshop to prepare your images, a plugin is available for a one-time charge of $50 to save your compressed JPEG and PNG images directly from Photoshop which saves a step in your workflow.

How to use the free web app

Type the url into your browser, tinypng.com.

Upload your PNG and JPG files by dragging and dropping them in the box on the home page.
TinyPNG Home Page

When compression is complete you will see a link to download the reduced image files. 
TinyPNG Compression Complete!

"Saving for the web" is just not enough

It used to be that using Photoshop's "saving an image for the web" or comparable features in other apps was enough to optimize your images. 

With sites trending to have more and bigger imagery per page in combination with sites striving for great mobile browsing, this extra step of compression is important.

There are lots of more complex solutions to image compression; however, having a nice simple tool like TinyPNG is great to have in your toolbox.