If you have ever analysed your websites pages using Google page speed tool, I am certain a recommendation to serve images in next gen formats popped up.
There various next-gen images formats including AVIF, WebP, JPG2000, etc. WebP is the most common modern image format. It provides superior lossless and lossy compression for image on the web.
Serving next generation images in websites has become crucial for improving page loading speeds. WebP images are 26% smaller in size compared to PNG and 25-34% smaller than JPEG images.
Serve next gen images in blogger blog.
As you are already aware, optimizing a blogger blog for the best user experience amounts to doing everything manually.
Blogger does not support plugins or image servers like in WordPress that can serve next-gen WebP images, but it is backed by a powerful Google image server.
Google image server can serve WebP images, irrespective of uploaded file format.
To serve next-gen images in your future blog posts or in already existing articles do the following;
First, you need to upload and add the image to your post. Then you have to go to the HTML view of the post.
Once you are on HTML view of your post, simply locate the image's code. The code should look like one shown in the image below.
Repeat the same for the second URL by adding -rw after w640-h360 or whichever figure is shown in your case.
Once through, update or publish your post, the image is now converted and serving in WebP format.
Conclusion
So, that is all on how to serve next-gen WebP images on Blogger websites. The method is pretty easy. It also bolsters your website's Page-Speed score, so you should definitely try it.