Tools To Optimize And Compress Your Web Images

Before you upload your next web image or product picture — a logo, or banner image to your website, think about the quality and file size of the image. You do not want to make the mistake of uploading a generous file size.

Not optimizing web images properly results in extremely slow loading time. When you intend to publish your images online, you have to compromise the quality. In order to do so, a good balance between image quality and image file size will be needed when you save web images.

Here are 3 tools to optimize your images.

• Tiny PNG

Tiny PNG is my go-to image optimization tool of choice. TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colors in the image, you can bulk upload images with drag and drop (up to 20 at a time, 5 MB max each).

Results: 660 KB to 236 KB (minus 64%)

• Compressor.io

Compressor.io is another one of my favorite image size optimization tools for one very good reason: It allows you to choose between lossy (picture quality reduction) and lossless (same picture quality) compression. Lossless compression, however, is limited to JPG and PNG images, and the file savings are also typically very small.

Still, the option is available should you want it, and it’s one that none of the other tools offer, save one. So if you often have to use both lossy and lossless compression then Compressor.io is probably the way to go.

It doesn’t allow you to bulk upload images, though, and the single file sizes are limited to 10 MB.

Results (lossy): 660 KB to 370 KB (minus 44%)

• JPEG Optimizer

JPEG Optimizer does really well at decreasing file size, but unfortunately the compressed image’s quality is noticeably lower than the original. Furthermore, the interface only allows you to upload and compress one image at a time, which makes it unfeasible for bulk image compression.

Result: 644 KB to 16.7 KB (minus 97.4%)