How to Use WebP Images on WordPress

What is WebP image format?

图片[1]-如何在 WordPress 上使用 WebP 图像-光子波动网 | WordPress教程、Elementor教程与故障修复

WebP is a raster image format developed by Google and made available to the public.The WebP format allows you to compress an image while maintaining image quality, and supports transparency and animation (similar to GIF).

Google believes that WebP is better suited to current processors than traditional compression formats, especially for the pixel density of current screens (110 to 240 ppi). According to Google (2013), 60% of the bytes transferred on the web are images, and WebP takes up 30% to 80% less space than JPEG and PNG.

How to Use WebP Images on WordPress

Since not all browsers support WebP images, a WordPress plugin can be used to convert the original image to WebP format. If the visitor's browser does not support the WebP format, the plugin will also keep the original image as an alternative solution. Commonly used plugins include Optimus,Imagify respond in singing ShortPixelThe

The paid version of the Optimus plugin is included by default in all WPScale subscription services, and only needs to be activated in order to use HQ Pro Premium.

图片[2]-如何在 WordPress 上使用 WebP 图像-光子波动网 | WordPress教程、Elementor教程与故障修复

How do I configure Optimus?

  1. Activation Plugin: Activate the Optimus plugin in the WordPress dashboard.
图片[3]-如何在 WordPress 上使用 WebP 图像-光子波动网 | WordPress教程、Elementor教程与故障修复
  1. Setting Options: Go to [set up]>>[OptimusThen check [Create WebP files/Creation of WebP files] and [Add .webp suffix] in the WebP files column.
  2. batch optimization: By clicking [ ].Optimus Batch Optimizer/Bulk Optimizer] link to start image optimization, and then click the [ ] link.Optimize all images] button.
图片[4]-如何在 WordPress 上使用 WebP 图像-光子波动网 | WordPress教程、Elementor教程与故障修复

The image compression process may take some time depending on the number of images to be optimized. When finished, clear all caches.

How can I check if the images in WebP format are good?

  1. Open Browser Developer Tools: On the Site page of your browser, right-click and select [ ].probe], or use a shortcut (e.g. Chrome's F12).
图片[5]-如何在 WordPress 上使用 WebP 图像-光子波动网 | WordPress教程、Elementor教程与故障修复
  1. Checking network requests: In the development tool, click [reticulation] tab, and then select [photograph] Find [typology] column, if the WebP type is displayed, the configuration is successful.
图片[6]-如何在 WordPress 上使用 WebP 图像-光子波动网 | WordPress教程、Elementor教程与故障修复

If no change is detected, check via FTP if the WebP file exists on the server. If not, the compressed image needs to be regenerated. It is possible to install/activate [Re-generate thumbnails] plugin. In WordPress Admin [artifact], click the button to re-optimize all the images. The length of this process depends on the number of images to be regenerated, after which you should be able to see the generated WebP file on FTP.

Summary:

WebP is a highly efficient image format developed by Google that dramatically compresses file sizes while maintaining image quality, thus improving website performance. In order to use WebP images on WordPress, you can use plugins such as Optimus, Imagify, and ShortPixel to convert raw images to WebP format.


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
客服微信
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: [email protected]
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
本文作者:红牛独立站
THE END
If you like it, support it.
kudos0 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments