12 Handy Image Compression Tools For Your Site

A list of easy-to-use image compression tools you can use to optimize graphics in bulk to achieve faster page load speeds & better user experience.

Best image compressors for file size reduction

Images can make or break a website. We already published a great post on how to create stunning visuals for your site without using Photoshop (in case you're not a graphic design pro). It focuses on how to create images, but not how to compress them.

These days, you need to keep people engaged and interested in your content, but with consumers’ attention span falling shorter by the day, this can be tricky. Especially when you cover your website in images in the hope that it will lure people in, only to find that they’re considerably slowing down your site's load time.

Hold tight, though, because there is a solution. Image compression is an absolute must to make sure your website load quickly – leading to happier website visitors and, ergo, more customers! Let’s get compressing!

Why Should You Auto-Compress Images?

Image compression for speed

Studies have shown that you have three seconds to impress people who land on your website – after that, about 40% will click away and try somewhere else.

If you want to look at that in conversion terms, it means that even a measly one second delay in page response can lead to 7% less conversions. If you run an eCommerce site that’s making $100,000 per year, this one second delay could potentially cost you $7,000 in lost sales every single year. Now imagine a two second delay!

DID YOU KNOW? About 47% of consumers expect a web page to load in 2 seconds or less! This is why website speed optimization is so important.

Yes, consumers have increasingly high expectations of page performance – but they’re not the only ones. Google has indicated that page speed is one of the many important factors that determine where your site ranks in search engine results.

Having compressed images won’t guarantee an increase in ranking, but it improves user experience and speeds up your site which, ultimately, increases your favorability in the eyes of Google – it’s a win-win situation.

QUICK TIP: Use the Google PageSpeed Insights tool to copy and paste your URL in and see what Google says about your web page's load time.

Let’s Talk About Auto-Compression Tools

So now that you know WHY you need to be compressing your images, HOW can you go about doing it?

There are a few ways you can compress images – including through a web app, a downloadable program, or a plugin within your CMS. We’ve put together a list of some of the most popular auto-compression tools on the market for each method.

best image compression tools

Web Apps

Web apps are perfect because you don’t have to install anything onto your computer or phone. Instead, you gather up your photos and upload or download your compressed images on-site. Let’s take a look at some of the best web apps for image compression:

1. TinyPNG

TinyPNG is one of the oldest image compression applications on the web. Through it, you can upload 20 images at a time – and there’s barely any difference in quality on compressed images. The app takes a 24-bit PNG file and easily converts it into an 8-bit indexed color image, optimizing it by about 50-80% in the process.

2. Compressor.io

One of the newer web apps on the market is Compressor.io. One of the best things about this option is the easy-to-follow and incredibly modern user interface – it actually makes compressing images fun. Compressor.io allows you to export your compressed images through Dropbox or Google Drive so you’ve always got them on hand.

image compression quality before and after
The image compression quality and size reduction of before and after with Compressor.io

QUICK TIP: Images with no text tend to compress better and return a higher quality image than those with text.

3. Kraken.io

Like most auto-compression web apps these days, Kraken lets you compress numerous files at once with an easy-to-use drag and drop method. When they’re all compressed, you can download everything into a .zip file with one click.

4. OptimiZilla

With OptimiZilla, you have the ability to compress your images based on the level of quality you put into the system. It instantly gives you a preview that allows you to compare the before and after and adjust your desire compression level based on the results.

5. CompressNow

CompressNow is an online service that lets you choose your desired compression percentage to make sure all your images are compressed to the same size. With an easy-to-use drag and drop interface, you can drop multiple photos from your computer into the system at any one time.

Downloadable Programs

If you don’t want to wait around to upload your images to a web app, you can always opt for a downloadable image compression program.

6. ImageOptim

Designed for the Mac operating system, ImageOptim lets you compress a batch of images in moments. Simply drag and drop your chosen pictures into the app and they’ll start optimizing immediately.

7. RIOT

Made for Windows, RIOT lets you compare your compression in a side-by-side format, showing the before and after image quality.

8. Trimage

Available on a number of operating systems, Trimage can optimize PNG and JPG files quickly. Images are automatically optimized on the highest available compression levels, leaving you with a consistent quality though all your photos.

CMS-Based Plugins

If you’re a web developer or use a CMS to upload your images into, a CMS-based plugin might be the best bet for you. These tools do all the heavy lifting for you once you’ve uploaded your images into the system. The tools we’ve listed below are popular plugins and extensions for WordPress and Joomla (sorry Drupal!).

9. WP Smush It (WordPress)

This plugin for WordPress automatically scans both existing images on your site and new uploads before optimizing them for fast load times without sacrificing quality.

10. Imgen (Joomla)

This plugin for Joomla dynamically resizes and compresses images across your site. Its “lazy loading” feature is handy for displaying images once they are in the viewport. It has a hefty selection of bonus features, too, including the ability to add watermarks in bulk and the option to restrict images to certain user groups.

11. EWWW Image Optimizer (WordPress)

EWWW Image Optimizer is one of the more popular image compression plugins for WordPress at the moment. It automatically resizes any images you upload into your blog if they’re in the right file format (JPG, PNG, or GIF). You can also optimize your entire media catalog if you already have tons of images on your site that are not yet compressed.

12. Imagify (WordPress)

The Imagify plugin is another popular image compression plugin for WordPress. It's easy to use and has simple settings for quick compression. It's a WordPress plugin, but you can also test out its web app here.

QUICK TIP: Store & organize every image you embed on your website in a folder called “images”. Then download that folder locally & batch compress the images inside with one of the appropriate downloadable or web apps listed above. Be sure to check image quality before re-uploading to your web server.

Conclusion

With the help of these tools, you can easily compress your images while maintaining their high-quality, providing your visitors with more reason to stick around and giving Google the go-ahead to rank you higher in search engines.

Happy compressing!

May 17, 2017 – Article Edited & Updated by Lizzie Davey & Jay Douglas.

About the author


  • Christian Roof is a veteran web designer and developer who has been building websites since middle school. Christian specializes in WordPress development and has built numerous themes and plugins over the years. When he is not coding his heart out or taking classes on the latest web tech, he enjoys hiking and camping with his wife and 3 kids in beautiful Virginia.

1 comment


Leave a Reply

  • Gene Briones

    Great list of tools. I’ve used RIOT and love the capability to compress multiple images on the fly. Then I got introduced to image-compressing plugins when I started using WordPress for my websites. I’ve tried WP Smush.it, which works fine. There’s a pro (paid) version of the plugin that has more advanced features. Also, have you tried EWWW Image Optimizer and Kraken Image Optimizer, both of which have stellar reviews.