Understanding Lossless Compression and When to Use It

by | Jan 6, 2022 | Etcetera | 0 comments

The use of photographs, movies, and different information can toughen the standard of your weblog posts and strengthen your WordPress website online’s look. On the other hand, together with too many “heavy” parts may just decelerate your web page and have an effect on its overall performance. Thankfully, lossless compression can cut back report sizes with out affecting their high quality.

On this information, we’ll discover lossless compression and when you can use it. Then we’ll provide an explanation for the right way to practice this compression approach in your photographs and information.

Let’s get began!

What Is Lossless Compression?

Lossless compression can cut back report sizes via removing and isolating redundant data. This technique could make information smaller with out affecting their general high quality. It is usually totally reversible.

For instance, this is a picture with lossless compression implemented to the fitting facet. It’s been lowered in report dimension from 335KB to 294KB:

An example of lossless compression.

As you’ll be able to almost certainly see, there is not any discernible distinction in symbol high quality. On the other hand, the report has been made 12.24 % smaller.

Lossless compression makes use of an set of rules that appears for repetitions of phrases, patterns, and different pointless information. Then, it replaces this knowledge with numbers and retail outlets the unique information in a separate index report.

It additionally strips metadata out of your photographs. Subsequently, this compression approach creates extra streamlined information with out deleting their additional knowledge.

Lossless compression is most fitted for pictures with clear backgrounds and photographs with numerous textual content. Those are the commonest lossless report codecs:

  • Moveable Community Graphics (PNG)
  • Graphics Interchange Layout (GIF)
  • Zipped information (ZIP)
  • Uncooked photographs (RAW)
  • Bitmap symbol information (BMP)

Moreover, lossless compression is an increasing number of used for audio information. Streaming giants Spotify, Apple Song, and TIDAL use this option to accelerate content material loading with out decreasing song high quality.

Why Must You Use Lossless Compression?

As we discussed previous, lossless compression makes use of an set of rules to compress photographs and different report varieties. Those are one of the crucial maximum commonplace algorithms used:

  • Huffman coding: This set of rules assigns other values to characters and their frequencies.
  • Arithmetic encoding: This encodes the entire report as a chain of characters with symbols assigned to them.
  • Run-length encoding: This seems to be for repetitions of characters within the code, after which encodes them into smaller bytes.
See also  7 Most Fun WordPress Plugins

Those compression strategies make information smaller with out harmful their high quality. You’ll additionally go back the information to their unique sizes on account of their listed information. Subsequently, lossless contrasts with lossy compression, which reasons irreversible adjustments to photographs and different media information.

Symbol compression is very important for making improvements to your web page’s efficiency. For starters, smaller photographs toughen your web page loading instances. That is one in every of Google’s key score components when figuring out the place to position your content material on its seek engine effects pages.

Google makes use of a chain of metrics known as the Core Web Vitals. The next two metrics are related to photographs in your website online:

  • First Contentful Paint (FCP). FCP measures how lengthy it takes for the primary component in your web page to show. It could be a textual content or symbol component. In case your web page has to load a picture or different media report first, the use of lossless compression on it’s going to accelerate the loading time in your customers.
  • Biggest Contentful Paint (LCP). This measures how lengthy it takes for the biggest component in your web page to show. This will probably be one in every of your photographs. Subsequently, in case your photograph has a smaller report dimension, your LCP ranking might be higher.

Smaller photographs don’t seem to be handiest vital for search engine marketing. They’re additionally crucial to the Person Enjoy (UX). Readers would possibly turn out to be annoyed and click on away out of your website online in case your pages load slowly.

After all, lossless compression maintains symbol high quality. Subsequently, the use of it received’t render grainy or unfocused graphics throughout your website online. As such, this compression approach can assist your web page glance skilled in your readers.

2 Tactics to Observe Lossless Compression to Your Photographs

You’ll use a couple of other practice lossless compression in your photographs. A few of these methods occur inside of your WordPress dashboard, while others depend on exterior tool. Let’s check out two other compression choices!

1. Use an Symbol Compression Plugin

Some WordPress image optimization plugins can compress your footage with the lossless approach. The use of a plugin is a snappy and simple choice, for the reason that device can practice compression throughout your whole website online. As such, you received’t wish to edit each and every symbol manually, which can also be time-consuming.

See also  How to Optimize Images for the Best Web Performance

We suggest the use of the Imagify plugin to compress your photographs. It has more than one inbuilt compression ranges, and it really works for a variety of symbol varieties:

Imagify plugin homepage

While you’ve put in and activated the plugin, navigate to Settings > Imagify to your WordPress dashboard. You’ll then see 3 other optimization ranges on the best of the web page:

The Imagify plugin settings.

You’ll need to choose NORMAL from the other choices. This environment will practice lossless compression in your photographs. You’ll additionally robotically carry out this compression via enabling the Auto-Optimize photographs on add configuration.

2. Use Symbol Enhancing Device

Symbol modifying programs, similar to Adobe Photoshop and GIMP, steadily assist you to make a choice a compression approach in your footage. The precise choices and procedure will range relying in your selected tool.

For instance, when you’ve got GIMP, you’ll be able to use lossless compression slightly simply. First, open your image with the picture modifying tool. Then, navigate to Record > Export as:

Exporting an image in GIMP.

Subsequent, open the drop-down menu beneath Choose Record Kind (By means of Extension) and scroll down to choose PNG symbol:

Saving an image as a PNG.

Click on on Export, and you’ll see a popup window the place you’ll be able to make a selection your lossless compression stage from 0-9:

Choosing the PNG lossless compression level in GMP.

After all, click on on Export to compress and save your symbol as a PNG. The report will have to now be smaller with out compromising the photograph’s high quality.

Advantages of Lossless Compression

The primary advantage of lossless compression is that it doesn’t cut back symbol high quality. Subsequently, it may well be very best for internet sites and companies that depend on imagery.

For instance, in case you run a high-end e-commerce store, you’ll most likely need to blow their own horns your merchandise. The use of the highest-quality photographs can display minute main points and encourage customers to make purchases.

In a identical vein, a professional photography portfolio too can take pleasure in this compression approach. You’ll blow their own horns your abilities and perhaps draw in new purchasers and gross sales via keeping up top of the range pictures.

Moreover, lossless compression is reversible. The entire stripped metadata is stored in separate information. Subsequently, you’ll be able to repair your photographs in case you’re now not pleased with the compression effects.

See also  Get the Exclusive FREE Cyber Monday Theme Builder Pack #4

After all, this compression approach applies to more than one report varieties. In case your website online makes use of other parts similar to GIFs, audio information, and PNG photographs, you’ll be capable of compress they all to cut back web page loading instances around the board.

Downsides of Lossless Compression

Sadly, lossless compression does now not be offering as many efficiency advantages as lossy compression. Since this technique doesn’t delete any information, the ensuing photographs would possibly nonetheless have vital report sizes. Subsequently, it’s possible you’ll need to imagine the use of further optimization tactics to hurry up your website online.

For instance, we propose enabling GZIP compression in your WordPress web page. GZIP serves your basic information information as small as conceivable to guests, serving to their browsers load your website online quicker. Thankfully, this compression sort may be simple to arrange with a plugin such as WP-Optimize:

The WP-Optimize plugin

Additionally, it’s possible you’ll imagine the use of a Content Delivery Network (CDN). A CDN makes use of a chain of servers international to ship content material to customers from their nearest places. As such, this community can toughen your internet efficiency for guests from world wide.


Compressing your photographs can cut back report sizes and toughen loading instances. As such, compression can toughen your web page’s UX and spice up your Seek Engine Optimization (search engine marketing).

As mentioned on this article, lossless compression makes symbol information smaller with out decreasing their high quality. This technique strips metadata and repetitive knowledge and saves it in a separate report. Subsequently, you’ll be able to accelerate your website online whilst keeping up shiny and thrilling graphics to draw your readers.

Do you will have any questions on the use of lossless compression? Tell us within the feedback segment underneath!

Symbol by the use of Hendo Wang / unsplash.com, Featured symbol by the use of rupadaratan / shutterstock.com

The put up Understanding Lossless Compression and When to Use It seemed first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more


Submit a Comment

Your email address will not be published. Required fields are marked *