How to use WebP images in WordPress?

Do you want to start using WebP images in your WordPress website?

The WebP image format is the best image solution on the web. The recently released WordPress 5.8+ adds comprehensive support for the WebP format. As a result, you can easily use WebP images on a WordPress website instead of JPEG or PNG format. Using the new WebP format in WordPress can help you speed up the web.& nbsp;

In this tutorial, we will discuss how to use WebP images in WordPress.

在 WordPress 中使用 WebP 图片

article directories

What is WebP?

WebP is a modern image format developed by Google. The WebP image format reduces image size without sacrificing quality. Compared to PNG and JPEG, image formats can reduce file sizes by as much as 26%-34%. nbsp;

Benefits of using WebP images

The WebP format creates high-quality images with small file sizes. In addition, there are other benefits to using WebP images.

  • Smaller media file size
  • Faster website loading speeds
  • Better SEO rankings
  • Less bandwidth consumption
  • Support transparency and animation

WebP browser support

94% of web browsers support WebP, such as Google Chrome, Firefox, Edge and Opera. However, there are still some older browsers that don’t support it. As of now, Safari browser versions 3.1 to 11.1 do not support the WebP image format.& nbsp;

WebP 浏览器支持

Recommended reading: Use WebP images to accelerate your website

How to use WebP images on WordPress

Since WordPress 5.8 fully supports WebP pictures, you can upload WebP pictures directly to your media library. This means you can add WebP images directly to your posts and pages. This process is similar to the normal process for uploading PNG and JPEG in WordPress.

However, if you use WebP images directly on your website, 5% of users using WebP incompatible browsers or Safari users using older versions of macOS will not be able to see your images. It can have a negative impact on your website.& nbsp;

To solve this problem, you can use the WordPress plug-in to transfer WebP images to supported browsers, and then use JPEG/PNG format for 5% of unsupported browsers.

First, log in to the WordPress dashboard using your login credentials. Then install and activate the WebP Express plug-in. This plug-in allows you to automatically generate WebP images to browsers that support them and provide jpeg and png files on unsupported browsers.

WebP Express 插件

After activation, navigate to Settings » WebP Express to configure plug-in settings. From here, you can set up settings to automatically generate WebP images for all images in the media library.

That’s it! You have successfully added WebP images to WordPress.

summary

This is our detailed guide on how to use WebP images in WordPress. I hope this article is useful to you and helps you understand how to use the WebP file format in WordPress.

Expand reading:

  • WordPress 5.8 adds WebP image format support
  • Accelerate your website with WebP images
  • Who are the best website performance Detection Tools: GTMetrics, PageSpeed Insights, Kingdom Tool, WebPageTest
  • How to speed up image loading on a WordPress website

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注