Thursday, November 21, 2024
HomeEveryday WordPress5x Image Compression Boost With Minimal Quality Loss

5x Image Compression Boost With Minimal Quality Loss


WPMU DEV’s award-winning image optimization plugin’s new Ultra Smush unlocks unprecedented image compression levels up to 5x greater than Super Smush, while retaining impressive image quality!

Is your WordPress site filled with images? Do you want those images to load on your pages faster than a lamborghini speeding on the Autobahn and compress them tighter than a full stack developer’s schedule? And do all this with almost no discernible loss of image quality?

Then it’s time to activate Ultra Smush.

In this article:

Let’s get straight into what really matters…

5x More Savings? Here Are The Results

Before we get into how to activate and use the new Ultra Smush image compression level and why it can deliver even more impressive results than our already impressive Super Smush feature, let’s share some of the results of using Ultra Smush.

First, here are the results of performing a bulk smush on a test site with 1,000+ large-ish images with only Super Smush activated (CDN, Local WebP, and Lazy Load are inactive)…

Before Ultra Smush: Image compression savings using Super Smush only.

After activating Ultra Smush, we then ran the test again to see if we could squeeze anything more out of an already image-optimized site.

And it did! Ultra Smush squeezed out more than 5x times savings…

Bulk Smush test results using Smush's Ultra mode
After Ultra Smush: More than 5x times savings on an already optimized site!

Early testers reported getting similar results.

Super Smush vs Ultra Smush
Results: Super Smush (Before) vs Ultra Smush (After)

And here are just some of the comments we received from early testers about Ultra Smush’s impact on image quality:

  • “Ultra is awesome. It was hard to find the difference between qualities. Quality loss is negligible. I am impressed!”
  • “It looks pretty good, only if I look really close I can see that some of the colors are not as vibrant, and that some edges are not as sharp as on the original.”
  • “On a medium size image with lots of details, you gotta look very close to see slight color saturation differences. On a big image with a solid but gradient background, transitions between gradients are more visible and the main object seems lees sharp. You really need to look very close and expect it. Though it’s not for a photo site that requires superb quality. All in all: pretty impressive.”

Our plugin development team also did extensive testing, comparing Ultra Smush’s results with Ewww image optimizer and TinyPNG by running DSSIM tests (a quality comparison metric that shows variation from the original image – the lower the score, the better).

Ultra Smush outperformed the competition in most tests and came out the overall winner for both compression savings…

Ultra Smush tests - Average File Size Reduction
File Size Reduction testing shows that Ultra Smush is the clear winner!

…and image quality (lower DSSIM values = better image quality).

Ultra Smush tests - Average DSSIM Value
DSSIM testing shows Ultra Smush delivers superior image savings and better quality over the competition.

To be clear, using Ultra Smush will result in Lossy compression, so while you should not expect the original quality, the results will still be ultra-impressive.

How To Enable Smush’s Ultra Mode

Ultra Smush is not just a new feature, it’s an entirely  new compression level for Bulk Smushing images.

Ultra mode is a feature of Smush Pro that replaces the Super Smush toggle on the free version of the plugin with additional “Smush Mode” options.

Switching to Ultra mode is ultra easy. If you have Smush Pro installed on your site, simply navigate to the Bulk Smush Settings screen and select Ultra (Higher Compression)by clicking on the button, then save your settings.

Choose the level of compression for bulk smushing images that best suits your needs.