Lossy vs Lossless image compression

By TeamUpdraft Posted Category Guides and resources Topics Performance optimization, Tips and tricks,

This blog will help you understand what kind of results and savings you can expect to achieve with ‘Lossy’ and ‘Lossless’ compression methods.

Lossless compression options

The most popular image compression for most users is Lossy, which can be categorized as achieving greater space saving (compared to lossless), whilst losing some of the data and image quality from the original image as a result of the compression process.

While you can save more data with lossy, the data saving isn’t completely without cost, as with increased compression comes a slight degradation in the image quality.

The image will still be very high quality and present as a professional and clear image, but you may start to get some compression artefacts appear with high levels of compression.

With Lossy compression enabled, the below image was compressed from 230.26 KB to 64.92 KB, giving an almost 75% reduction in size.

How image looks with lossy compression
Original JPEG image (above)
Original jpeg
How image looks converted with lossy compression (above)
Original image zoom 300%
Original image zoomed in 300% (above)
lossy image 300%
Lossy image zoomed in 300% – 230.26 KB to 64.92 KB, a 75% reduction in size (above)

Pro – Can reduce the images to small sizes and save lots of file data, making your website load quicker and perform better.
Con – The smaller you make the file size, the lower the quality of your original image.

Lossless compression options

Lossless compression differs to lossy by maintaining the original image quality, while reducing the image data size by removing unnecessary meta-data from the submitted files (usually JPEG or PNG files). Whilst the amount of space you will save is not as much as lossy compression, it does give you a higher quality image.

With Lossless compression enabled, the below image was compressed from 230.26 KB to 172.18 KB, giving just over 25% reduction in size.

Original image without loss
Original JPEG image (above)
Image Converted with lossless compression
Converted with Lossless compression. Every pixel is identical to the original image – only the file size is smaller (above)
Original zoom
Original image zoomed in 300% (above)
Image lossless 300
Lossless image zoomed in 300% – 230.26 KB to 172.18 KB, a 25% reduction in size (above)

Pro – Decreases image file size but maintains original quality of image.
Con – Using Lossless compression results in larger files sizes in comparison to lossy compression, which can result in slower loading speeds.

WP Optimize custom 'Global options' section

We understand that some users may wish to decide their own balance between maximum compression and best image quality. With the custom option, you can manually choose which settings your prefer for image compression and save them for future use.

WP-Optimize gives you the option to backup your images before compressing them, which you can do from within the WP-Optimize plugin or from the WordPress media library. To restore an image to its original state, click ‘Show advanced options’ in the ‘Compress images’ tab and click ‘Restore all compressed images’.

WP Optimize compression service

Making a choice between lossless or lossy compression depends on what you want to achieve and what works best for your site and users. In general terms, if you have a website that needs to showcase high quality photographs (such as a wedding photography business), you should stick to lossless compression as it will still display your images in their original highest quality. But if your site is for a local garage for example, where the highest quality images are not so important, lossy compression could work best as original high quality photos are not essential to the success of your business.

About the author

Team Updraft Logo with dark background

TeamUpdraft

Our team consists of WordPress developers, marketers, and industry experts committed to providing you with the resources and skills you need to succeed online. Whether you’re just starting out or seeking advanced strategies, we’re here to enhance your WordPress journey and support you at every stage.

WP-Optimize

Get all our premium features. Lazy loading, pre-load key requests, Cloudfare integration. Optimize individual tables, delete unused images and more.

From just $49 for the year.

More stories

  • WordPress migration plugins compared

    We put top migration plugins like UpdraftPlus, Duplicator, and Migrate Guru to the test. See which performs best under real-world conditions!

  • UpdraftPlus vs WP Vivid

    Compare UpdraftPlus and WP Vivid to determine which backup solution best meets your WordPress site’s needs for security and reliability.

  • WP-Optimize vs WP Fastest Cache

    Discover the key differences between WP-Optimize and WP Fastest Cache to find the best plugin for improving your WordPress site speed.

  • WP-Optimize vs W3 Total Cache

    Compare WP-Optimize and W3 Total Cache to discover which plugin is best for improving WordPress speed, caching, and overall performance.

Our plugins

Try TeamUpdraft’s full suite of WordPress plugins.

  • UpdraftPlus

    Back up, restore and migrate your WordPress website with UpdraftPlus

  • WP-Optimize

    Speed up and optimize your WordPress website. Cache your site, clean the database and compress images

  • UpdraftCentral

    Centrally manage all your WordPress websites’ plugins, updates, backups, users, pages and posts from one location