1. Home
  2. Docs
  4. How to use WebP images on WordPress

How to use WebP images on WordPress

What is the WebP image format ?

WebP is a raster image format developed and made available to the public by Google. The Webp format lets you compress your images while supporting transparency and animations (GIF).

Google presents it as better adapted than previous compressors to today's processors and especially to the pixel densities of today's screens (110 to 240 ppi).

Moreover, still according to Google (in 2013), 60% of the bytes transmitted on the web are images, and WebP would provide 30% to 80% space reduction compared to JPEG and PNG.

How do I use WebP images on WordPress ?

Since not all browsers support WebP images, you can use a WordPress plugin that converts original images to WebP format, which also leaves the original image as an alternative if a visitor's browser doesn’t support WebP.

Concerning plugins, there are many => Optimus, Imagify, ShortPixel...

The paid version of the Optimus plugin is included by default in all WPScale subscriptions - just activate it to enjoy the premium HQ Pro version.

How to configure the Optimus plugin ?

Once the plugin is activated, go to => Settings >> Optimus then check the boxes "Create WebP files" then "Append .webp plugin".

Start image optimisation by clicking on the link "Optimus Bulk Optimizer" then click on the button "Optimize all images".

The image compression process may take more or less time, depending on the number of images to be optimised.

When you're done, purge all your caches.

How to check that the images are in WebP format ?

In your browser, on the page of your site, open the contextual menu (or right click on the mouse or then click on "Inspect") :

Depending on the browser you’re using, click on the "Network" tab then on "Img" or "Image", locate the "Type" column, and if webp are displayed, it means it’s worked.

If, however, you don't see any change, check the presence of the webp files on the FTP. If there are no webp files, you’ll have to regenerate the image thumbnails. For this, you can install/activate the "Regenerate Thumbnails" plugin. In the WordPress administration, in => Tools >> then click the button to regenerate all images. The duration of the process varies, depending on the number of images to be regenerated, but you should see webp files on the FTP.

Was this article helpful to you? Yes No