When you want to use WebP images in your WordPress, you will need to pick one of the WordPress WebP plugins because until now, WordPress does not provide a native support for WebP images.
According to Google, WebP is a modern image format that provides superior lossless and lossy compression for images on the web. Using WebP, webmasters and web developers can create smaller, richer images that make the web faster.
WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller than comparable JPEG images.
Which browsers do support WebP images?
According to Wikipedia, amongst web browsers, Google Chrome, Opera and Pale Moon natively support WebP. However, the WordPress WebP plugins we are listing here will detect the user’s browser and display the corresponding JPEG/PNG version of the image if WebP images are not supported.
WordPress WebP Plugins
In the following list, I have been able to find a few WordPress WebP plugins that you can use in your WordPress sites.
Jetpack is a free plugin for WordPress. All self-hosted Jetpack-connected sites who have the Photon image service activated can now enjoy seamless support for the WebP image format.
You can activate Photon service by going to you WordPress
Dashboard -> Jetpack
After running a small test, I uploaded an image into a post while Jetpack is deactivated. On the frontend, I checked the image size and it was 570KB.
I activated Jetpack then enabled the Photon service, checked the front end and the image size decreased to 98.5KB
Saving up to 82%
However, it’s the resized image, not the original one. As you may know that Jetpack adds a query string to the uploaded image. Personally, I don’t like those query strings and the other thing I hate the most, the images are served from WordPress CDN which leads to extra DNS lookups for each image!
Read the full review of ShortPixel Image Optimizer plugin
How to Enable WebP Support in ShortPixel
- Make sure that you have both plugins (ShortPixel and Cache Enabler) are activated
- Go to
Settings-> ShortPixel -> Advanced
- Check the
WebP versionsoption and save changes
- Go to
Settings -> Cache Enabler
- Enable Create an additional cached version for WebP image support option
I ran the same test for the same image and the final size of the full image after the conversion to WebP = 245KB
Saving up to 57%
OptimusHQ is the premium version of Optimus plugin. To be able to make use of WebP images with OptimusHQ plugin right off the bat, you will need to install Cache Enabler plugin.
After activating both OptimusHQ and Cache Enabler, go to
Settings -> Optimus and check Creation of WebP files option and then go to
Settings -> Cache Enabler and check Create an additional cached version for WebP image support. Convert your images to WebP with Optimus option.
I ran the same test for the same image and the final size of the full image after the conversion to WebP = 323KB
Saving up to 43%
EWWW Image Optimizer
EWWW Image Optimizer plugin also allows you to convert your images to WebP. To make use of WebP images while you are using it, you need to follow the steps as shown in the screenshot.
I ran the same test for the same image and the final size of the full image after the conversion to WebP = 330KB
Saving up to 42%
|Plugin||Saving Ratio %|
|EWWW Image Optimizer||42|
Actually, it’s unfair to include Jetpack in the comparison, because the result is for a resized image, not for the original size. By the way, I could not disable the resizing option in Jetpack and it’s almost impossible.
When I ran the test for a resized image using OptimusHQ plugin, for example, the result was as shown (total saving of 86%)
But still, Jetpack is a good option for you if you are looking for a free solution. But you have to be OK with the query strings in the image URL and the extra DNS lookup for every image in your page.
Personally, I switched to ShortPixel. It provides me with an amazing image optimization in addition to a perfect WebP image support. All come with a convenient price and awesome support.
Do you use a plugin to serve WebP images in your WordPress? Want to share with us? Please feel free to use the comments section below.