Today we have an important topic – How to convert an image to WebP. How to create WebP images so they can be uploaded to a WordPress site. Speed up loading of WordPress site pages using WebP images. WordPress recently added support for the WebP image format, meaning your site can now start benefiting from it.
In this post, you’ll learn how to convert an image to WebP so you can start using the modern WebP image format on your favorite WordPress site. Pour yourself a glass of coffee and sit back. Go:
You probably already know that using images on your site is a great way to break up long texts, and of course, pictures help grab the attention of your visitors. As they say, a picture is worth a thousand words.
But this comes at a cost – file size. The more images you use on a WordPress page, the larger the file size of that page will be. And larger file sizes mean slower loading times.
Even the fastest hosting will experience slower page speeds if that page contains huge image files. This of course doesn’t mean that you shouldn’t use images on your site, but it does mean that you need to pay a little more attention to the images to make sure you optimize them to avoid problems with WordPress performance.
Let’s solve this problem. We optimize images for the site. Instead of adding the image as a JPEG file, you can upload it as a WebP file. Your page will load much faster and Google PageSpeed Insights will not swear at your site.
There are several common strategies for optimizing images to improve performance, such as resizing and compressing them. But another important detail is the file format of the images themselves. For example, JPEG, PNG, SVG or the topic of this post is WebP images.
Basically, on average you can expect a WebP image to be about 25% smaller than an equivalent JPEG or PNG file. As of now, all major browsers now support WebP images.
Thanks to a recent WordPress update, you can now upload WebP images directly to your WordPress media library and insert them into your content in the same way as other image formats, such as using an image block or one of the gallery blocks.
However, before you can download them, you first need to convert the image to WebP. So let’s look at how to convert an image to WebP?
Perhaps yours software for photo editing does not yet save images in WebP format, but some online services do this easily. Convert images to WebP format online.
The easiest way to convert an image (or images) to WebP is to use one of the many online conversion tools. On these sites, all you have to do is upload the images in their original formats, click a button, and the tool will allow you to download/save your images in WebP format.
The Pixlr online service is a free image/photo editor in Russian. Upload the image and save the image in the modern WebP format:
Pixlr, for example, lets you save images in WebP format the same way you save them in JPEG format. Instead of creating a WebP image from scratch, you’ll simply take an existing image in a different format and convert it to WebP.
How to save a WebP image? Upload a photo. In the top menu, click File – Save. Select WebP format. Specify the image quality and click the Save As button:
All is ready. The image in WebP format will be on your hard drive, now you can upload it to WordPress. Yes, you can, and vice versa, if you want, you can download WebP and save it as PNG or JPG.
For example, I uploaded an already compressed JPG photo weighing 52.1 KB, and after saving / converting the image to WebP (high quality), the picture began to weigh less – 35 KB. Good result.
Excellent online editor Pixlr. The image is saved in WebP format in a second. Use it and you will be happy, colleagues.
There is also, friends, the most popular option to convert an image to WebP format is to use the special service Convertio (Online Image Converter).
The interface is designed to be intuitive to any user and allow you to convert the required file with just one click.
Then click the Convert button and after a couple of seconds the tool will offer you to download the WebP version of your image:
Please note there is Convertio extension for Google Chrome. Convert files online from one format to another. Very comfortably:
Using the extension, convert images online from one format to another. you can use Google Drive (Disk) or Dropbox: Start the conversion, exit the app and just wait for the files to appear in your cloud storage.
I have already talked about the Squoosh service from Google. Using it you can easily convert an image to WebP. Smaller images mean faster loading times. Squoosh can reduce file size and maintain high quality. Read about the service Here.
Open your image, explore the differences, and then immediately download in WebP format:
Once you have a WebP image, you can upload it to your WordPress site just like other image formats such as JPEG or PNG.
If you’re creating content in the WordPress editor, you can add one of the image blocks and load a WebP image into the block. Or you can also upload WebP images directly to the WordPress media library.
How to automate the process of converting images to WebP on a WordPress website, I have already published on this topic. Let me remind you briefly.
You can also install a WordPress plugin that will help you automate the use of WebP images on your site.
How can the plugin help you with WebP images?
First, the plugin can simplify the process of converting images to WebP by automatically converting them when uploaded to your site.
This is convenient because it means you can still simply find or create images using formats you’re more familiar with (like JPEG or PNG). When you upload files to your WordPress site, the plugin will automatically convert them to WebP.
Based on this convenience, the plugin can also bulk convert all existing images on your site to WebP format.
Secondly, an image optimization plugin can help cater to the 5% of users who may not be using a browser that supports WebP images. Essentially, the plugin allows you to automatically serve WebP images to visitors whose browsers support WebP, while providing the original image format to visitors whose browsers do not support WebP.
This second benefit is less important now that WebP has such widespread support, but it is still useful for handling edge cases and ensuring that every visitor sees a working image.
There are many different WordPress image optimization plugins that come with WebP support. Typically, these plugins are free for a certain amount of use per month (say, optimizing up to 200 images).
If you need to optimize more images than allowed in the free plan, you’ll need to purchase a one-time credit package or subscribe to a monthly plan.
For many sites, it will be enough to use free plans.
Here are some popular options to optimize and convert an image to WebP automatically:
The WebP image format is a great way to reduce the size of images on your WordPress site without affecting their quality. By reducing the size of your images, you can make your site load faster and improve the experience for your web site visitors.
As of July 2021, WordPress now offers native support for WebP images so you can upload WebP images directly to your site and embed them into your content, just like other popular image formats.
If your existing image uses a file format such as JPEG or PNG, you can use an online converter to convert the image to WebP before uploading it to WordPress.
Or, if you built your site using WordPress, you can also use a plugin that automatically converts images to WebP as they are uploaded to your site.
I hope my post – How to easily convert an image to WebP – was useful to you. Good luck to everyone and see you again.
Some tips from experts: how to speed up a WordPress site using WebP images and how to convert an image to WebP –