1. Home
  2. WordPress Tutorials
  3. How to Convert to WebP Images in WordPress and Why

How to Convert to WebP Images in WordPress and Why

Image compression and optimization has become a very important standard of WordPress website development. WebP images in WordPress have become even more important since Google started pumping the format.

So what exactly are WebP images in WordPress and how can you convert your media library? Let’s take a look at what exactly WebP images are and then I will show you how to use a plugin to convert your images in WordPress.

What is WebP Image?

WebP is an image format employing both lossy and lossless compression. It is currently developed by Google, based on technology acquired with the purchase of On2 Technologies.

The idea around using this format is that images could be compressed and optimized even after they have gone through the process of compression with another plugin.

I found a great plugin called Imagify. This is one of the best WebP compression plugins for WordPress and can give you exactly what you need if used correctly.

Imagify

Imagify plugin

Imagify is a WebP and image compression and optimization tool. It is a very powerful and lightweight plugin that has been built to allow WebP compression in WordPress.

After enabling it, all your images including thumbnails will be automatically optimized when uploaded into WordPress. You can also use Imagify to convert WebP images for free.

Furthermore, the plugin is compatible with WooCommerce and NextGen Gallery.

The Imagify plugin provides you with three levels of compression. They include:

  • Normal, a lossless compression algorithm. The image quality won’t be altered at all.
  • Aggressive, a lossy compression algorithm. Stronger compression with a tiny loss of quality, which most of the time, this is not even noticeable at all.
  • Ultra, the strongest compression method using a lossy algorithm.

Install and Activate Imagify

In order to use the Imagify WordPress image optimizer you first have to install and activate the plugin. You can do this by heading to the plugin repository in the admin dashboard of your WordPress website.

Install and activate webp images wordpress plugin

Once the plugin has been installed and activated, click on Settings > Imagify. This is located in the left menu area or your WordPress dashboard.

Click settings then imagify

Convert to WebP Images in WordPress

Once you arrive on the configuration page for the plugin, you will need to go get a free API key in order to access the options page. Just click on the “Create a Free API” button to get your key.

Note: When you click the button it will ask for your email. Put in your prefered email account and you will be sent an API key immediately. Go to the email and copy and paste the key.

Create free API key for WebP image

Once you have added your API key into the needed area click on the “Save Changes” button and move on.

Plugin Configuration

After adding the API key and saving, you will be able to access the configuration panel. The panel isn’t complicated. As a matter of fact, it is built a lot like a couple of the other popular WordPress image optimizer plugins.

General Settings

First, pick the image optimization level you prefer.

Optimization level

If you want to see a live comparison of the differences, click on the “Try The Visual Comparison” button. You will be able to see the differences on the fly.

Compare compression button

Once you pick the level of optimization, go ahead and scroll down to the rest of the settings. You can click on the boxes you desire, but I recommend the following two be checked:

  • Auto-Optimize images on upload
  • Backup original images

General settings for webp images wordpress plugin

Optimization

Now scroll down a little to the “Optimization” portion of the setup. Here you will be able to set up WebP images for WordPress.

webp images wordpress format

Media Library & Files Optimization 

Next you will find the media library and file optimization areas of the settings. Set your library and file sizes for everything as you prefer.

Media library options

Display Options

Last but not least, you will see “Display Options.” There is only one option, so check the box if you want it. Click on “Save Changes” when you are finished and you are set and ready to get WebP images in WordPress.

Display options for webp images wordpress

Note: You can also click on the “Save and Go to Bulk Optimizer Options” if you choose. This allows you to tell Imagify to compress images already uploaded in bulk. Please remember that you can only go so far with this plugin. You will have to buy a premium plan for space later when you outgrow the free account.

Final Thoughts

There are several really excellent image compression and optimization plugins and tools you can use. That being said, Imagify is one of the best WebP plugins for WordPress. I encourage you to give it a try and see what you think.

What is your favorite image compression and optimization tool or plugin to use? Have you tried more than one?

Author: Jeremy Holcombe

Updated on September 11, 2019

Was this article helpful?

Related Articles

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.