Welcome to PotatoCommerce - Top Quality Magento Extensions Store

Home > Blog > Image optimization by JpegOptim - Results Reviewed

Image optimization by Jpegoptim - Before vs. After comparison results

Posted on 11 August 2017

We have developed two extensions which are used to optimize images on Magento and Magento 2 stores. Our products use the jpegoptim utility. Let's look at the results of jpegoptim work. We hope that this article will help you to choose the proper compression level which is the optimal quality-to-filesize ratio.


Image source

The original file is a jpeg image, 2000x1333 pixels, 2.27Mb. You can download the image to view it at full size.

Original vs 30%

Let's compress this image with maximum available compression (30%).

Slide the red handle left & right to compare images.

Original Image Original
Modified Image Compression Quality - 30%

Output: 143Kb. Filesize -93.86%. Download.

Filesize saving is extremely impressive. But as you can see, the difference is visible to the naked eye. The image quality has become unacceptable.

Original vs 50%

Let's increase file compression to 50%

Original Image Original
Modified Image Compression Quality - 50%

Output: 208Kb. Filesize -89.43%. Download.

Filesize saving is still very impressive. Image quality has become better, but it's still far from perfect.

Original vs 70%

Let's increase file compression to 70%

Original Image Original
Modified Image Compression Quality - 70%

Output: 309Kb. Filesize -86.73%. Download.

Filesize saving is still very impressive. Do you see the difference? Some people see the difference, some not because some people see more colors than others. Moreover, it is very likely that when optimizing another image, the difference will be more obvious.

Original vs 80%

Let's increase file compression to 80%

Original Image Original
Modified Image Compression Quality - 80%

Output: 412Kb. Filesize -82.28%. Download.

Filesize saving is still impressive. But wait, do you see any difference?

We think that 80-90% compression is a perfect choice. At least, current compression is very close to 85% compression, which is recommended by Google PageSpeed Insights.

Original vs 90%

Let's slightly change file compression

Original Image Original
Modified Image Compression Quality - 90%

Output: 663Kb. Filesize -71.47%. Download.

Do you see any difference? I don't. Since filesize saving does matter (663Kb vs 412Kb), I think that it's better to set 80% or 85% compression.

Original vs 100%

100% means lossless compression. An image is not altered in any way. Compression is achieved by removing optional information from an image file.

Original Image Original
Modified Image Compression Quality - 100%

Output: 1.98Mb. Filesize -13.00%. Download.

As you can see filesize of the image decreased at 13% only (2.27Mb vs 1.98Mb), which is not impressive. But if you don't want to change any image pixel, this can be your choice.

Another Image

Let's take another image and see how it goes. Filesize: 3.47Mb, 2000x1325 pixels.

Original vs 30%

Original Image Original
Modified Image Compression Quality - 30%

Output: 347Kb. Filesize -90.23%. Download.

Original vs 40%

Original Image Original
Modified Image Compression Quality - 40%

Output: 419Kb. Filesize -88.20%. Download.

Original vs 50%

Original Image Original
Modified Image Compression Quality - 50%

Output: 485Kb. Filesize -86.35%. Download.

Original vs 60%

Original Image Original
Modified Image Compression Quality - 60%

Output: 555Kb. Filesize -84.38%. Download.

Original vs 70%

Original Image Original
Modified Image Compression Quality - 70%

Output: 659Kb. Filesize -81.45%. Download.

Original vs 80%

Original Image Original
Modified Image Compression Quality - 80%

Output: 827Kb. Filesize -76.72%. Download.

Original vs 90%

Original Image Original
Modified Image Compression Quality - 90%

Output: 1.16Mb. Filesize -66.46%. Download.

Original vs 100%

Original Image Original
Modified Image Compression Quality - 100%

Output: 2.62Mb. Filesize -24.40%. Download.