The Best WordPress WebP Plugins – And How to Use Each of Them

JavaScript for WordPress

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

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
Activate Jetpack Photon service
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.

Jetpack Deactivated. The size = 570KB

Jetpack Deactivated. The size = 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%

jetpack-activated

Jetpack is Activated. The size = 98.5KB

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!

ShortPixel

ShortPixel allows you to enable WebP support in WordPress in conjunction with Cache Enabler plugin.

Read the full review of ShortPixel Image Optimizer plugin

How to Enable WebP Support in ShortPixel

  1. Make sure that you have both plugins (ShortPixel and Cache Enabler) are activated
  2. Go to Settings-> ShortPixel -> Advanced
  3. Check the WebP versions option and save changes
  4. Go to Settings -> Cache Enabler
  5. Enable Create an additional cached version for WebP image support option

WebP Support ShortPixel Plugin
webp support - Cache Enabler

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%

ShortPixel Image Optimizer is Active. The size =245KB

ShortPixel Image Optimizer is Active. The size =245KB

OptimusHQ

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.

optimus settings for WebP

cache enabler setting for WebP

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%

optimus

OptimusHQ is Active. The size = 323KB

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.

How to enable WebP Conversion in EWWW Image Optimizer

How to enable WebP Conversion in EWWW Image Optimizer

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%

ewww-webp

EWWW Image Optimizer is Active. The size = 330KB

Summing-Up

PluginSaving Ratio %
Jetpack82
ShortPixel57
OptimusHQ43
EWWW Image Optimizer42

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%)

OptimusHQ is one of WordPress WebP plugins

OptimusHQ WebP size for a resized image

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.

Endnote

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.

GET MORE STUFF 
IN YOUR INBOX
WordPress Multilingual, Performance, SEO, Reviews and HOT Deals. One email per week!
Stay Updated
Give it a try, you can unsubscribe anytime.
Close
GET MORE STUFF
IN YOUR INBOX
WordPress Multilingual, Performance, SEO, Reviews and HOT Deals. One email per week!
Stay Updated
Give it a try, you can unsubscribe anytime.
We have created the 1st online directory for the Multilingual Themes
CLICK HERE

WE'RE SOCIAL!

Follow us on..