Using WebP format for images in WordPress

Using WebP format for images in WordPress.

If you do not know, WebP is one of the important keys to help WP Basic get up to speed loading “melancholy spirit” as today, besides the secrets have been revealed earlier. With WebP you can reduce the page-size dramatically thanks to the size of the images in the format WebP much lower than PNG or JPG / JPEG tradition. The use of WebP in WordPress now has become very easy with the help of some dedicated plugin.

See also:

What is WebP?

WebP is a new image format, developed by Google with the objective of reducing capacity makes blogs / websites load faster without compromising on quality the actual amount. Form lossless compression (Lossless), images in the format WebP may lighter format PNG to 22%. As for the form of lossy compression (lossless), images in the format WebP may lighter format JPG / JPEG up to 34%. These are significant numbers, particularly with large size images.

The browser supports WebP?

Not all web browsers currently support the format WebP . However, a number of popular browsers like Chrome or Opera are already supporting this format. Firefox and Safari is also working to support WebP in the future. Meanwhile IE and Edge of Microsoft seems not interested that much.

Notes:

  • Blue: has support WebP .
  • Red: no support WebP .

Using WebP format in WordPress

To use the format WebP in WordPress you need to conduct the following two basic steps:

1. Create WebP format images

The plugin currently popular image compression as ShortPixel ewww Image Optimizer Optimus … have been integrated imaging tool WebP automatically to WordPress . In an article not long ago, I tried to show you how to use the plugin ShortPixel for imaging WebP . You can refer to the link at the top through this article.

However, ShortPixel not a free service, so if you want to compress images in bulk, you need to buy their credit packages. According to my assessment, ShortPixel is a provider has the cheapest prices in the premium compression services. Registration buy credits ShortPixel follow the link below:

2. Activate WebP for blog / website

After imaging with the format WebP you need to activate them to the web browser can recognize them. To enable WebP you can use one of the following two methods:

Using .htaccess file or config

For web server Apache or LiteSpeed ​​you need to insert the following code into the file .htaccess installation folder WordPress :

For web server Nginx you add the following code to the file Nginx config:

Using the plugin Cache Enabler

This is one of the rare cache plugin supports creation creates cached format WebP . Usage of this plugin is quite simple. You only need to install and activate the plugin Cache Enabler .

Next, visit Settings => Cache Enabler . Set up as shown below and save.

Note:

  • Deactivate and remove the plugin creates cache that you are using before installing the plugin Cache Enabler to avoid conflict.
  • Format WebP works only on cached. So if you’re logged in, the WebP will not work.

Check WebP

For formats WebP were operating normally or not, you access the web via a browser that supports WebP such as Google Chrome .

1 Right-click any page, select Inspect => select the tab Network => select Img => Load the page and column view Type . I wish you success!

You are using the format WebP on the blog / your website? How do you assess its impact on the site’s load time? Share your views and opinions with us in the comments below frame.

If you liked this article, please subscribe to my blog to regularly update the best articles, the latest by email offline. Thank you very much. 🙂

Using WebP format for images in WordPress
5 (100%) 20 votes