What are Next-Gen Image Formats and WebP?

WebP is a Next-Gen image format developed and released by Google in 2010 in order to help reduce image sizes on the web. WebP is both lossy and lossless compression meaning it retains image quality whilst significantly reducing the overall size of an image.

For example, below we compare a JPG image against a WebP version of the same image.

The size difference is quite significant which leads to faster page load times and reduced bandwidth usage which can save both the user (on mobile network) and the webmaster bandwidth & storage charges.

What are the benefits of WebP image formats on WordPress?

Aside from a significant improvement to page load times as demonstrated above, WebP images also help improve your overall SEO PageSpeed Insights score. If you aren’t using WebP images, chances are Google is flagging a warning that looks something like:

Implementing WebP images across your website should help boost your overall PageSpeed Insights score along with improving your websites page speed times.

Furthermore if you chose to delete your original images, there is a significant storage-saving when utilising WebP image formats.

How can I implement WebP images on WordPress?

There are many plugins for WordPress that can convert traditional format images to WebP however most of them charge you a monthly fee.

Clients hosted with Koerge can leverage our LiteSpeed partnership, allowing you to implement WebP images free of charge.

To get started, ensure you have the LiteSpeed plugin installed within WordPress, navigate to Image Optimization as shown below.

Switch to the second tab named ‘Image Optimization Settings’

Here we will configure LiteSpeed to automatically optimise all existing and future WordPress images to WebP formats.

The settings you will require are:

Auto Request Cron: On

Auto Pull Cron: On

Optimize Original Images: On

Remove Original Backups: Off

Optimize Losslessly: On

Preserve EXIF/XMP Data: Off

Create WebP Versions: On

Image WebP Replacement: On

WebP For Extra srcset: On

WordPress Image Quality Control: 82(default)

Save Changes, LiteSpeed will automatically start to convert your existing images to WebP, this process can take anything from a few hours to several days depending on how many images you have.

You can navigate back to the 1st tab ‘Image Optimization Summary’ in order to view the current status, here you can also revert back to original images if you needed to. An example of LiteSpeeds image summary can be seen below.

Join the thousands of websites that trust Koerge.

Subscribe

Receive WordPress tips, tricks and news straight to your inbox every week.