Today we are going to learn How do I fix a serve image in Nextgen formats in Blogger?, How do I serve an image in next-gen format?, How do I fix WordPress serve images in next-gen formats?, How do I use WebP on Blogger?
Related Query: blog webp, nextgen image format, how to speed up blogger, m=1 blogger, lazy load images blogger, blogger template editor, reduce unused css blogger, blogger custom robots txt.
 |
| Serve images in next generation format |
Different Next Generation Image Formats
There are four different types of Next Generation Image formats. That are now a days used to accelerate the website speed. These Next Generation Image Formats are:
- WebP Image Format.
- JPEG 200 Image Format.
- JPEG XR Image Format.
- AVIF Image Format.
How do I fix a serve image in Nextgen formats in Blogger?
Write “-rw” after “w420” on both places. Now see the updated code. Check your images whether they are in WebP format or not by saving them in your PC or by Google page speed tool. That's it.
How do I serve an image in next-gen format?
The 'Serve images in next-gen format' audit recommends that you serve images in newer formats that leverage advances in image processing and compression.
How do I use WebP on Blogger?
Putting -rw at the end of the new Blogger image URL will automatically convert it into WebP. Furthermore, you may upload the initial image in any format. If you want to convert it to WebP, all you need to do is add -rw at the end of the URL.
Can I use WebP images?
Currently, you can view WebP files by converting them into a common format that uses lossless compression, such as PNG, and then view the PNG files in any browser or image viewer.
What is WebP image file?
WebP is a modern image format that provides superior lossless and lossy compression for images on the web. Using WebP, webmasters and web developers can create smaller, richer images that make the web faster. WebP lossless images are 26% smaller in size compared to PNGs.
How do I add a WebP image in HTML?
You can use a WebP image in a normal tag, but in browsers that without WebP support the image would be broken. In the code above we have different image versions in both WebP and JPEG to support high-res displays with 2x pixel density as well as dark mode.24-Oct-2021
Serve Images in WEBP In Blogger
To serve images into next generation format like WEBP, JPEG 2000, JPEG XR, AVIF, follow the following steps:
- Go to blogger dashboard.
- Go to the post in which you have image other than WebP format.
- Switch to HTML view of the post.
- Press Ctrl + F for search option.
- Find "s1600".It looks like thishttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic2jZL9RMbxOzPkOCw6jpu7cYFMz__ivmYlhGR-vxrHXdLvCKb5iCoOjTeiDqC9h_Cu_0gw_zFPiXYU2h7TqkUkZTGCEIx-IlHuEDhF-NrQRkO3nsWX8lG6uNGkWsbcgi3nMfj0rWnORYD3iAXRiA485qPI91uce4GPhlSCzISlJx6Q3TnjTCQgUAS/s16000/generate%20robots.txt%20file%20in%20blogger%20for%20free.webp
- Add "-rw" after s1600.Examplehttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic2jZL9RMbxOzPkOCw6jpu7cYFMz__ivmYlhGR-vxrHXdLvCKb5iCoOjTeiDqC9h_Cu_0gw_zFPiXYU2h7TqkUkZTGCEIx-IlHuEDhF-NrQRkO3nsWX8lG6uNGkWsbcgi3nMfj0rWnORYD3iAXRiA485qPI91uce4GPhlSCzISlJx6Q3TnjTCQgUAS/s16000-rw/generate%20robots.txt%20file%20in%20blogger%20for%20free.webp
- Update the post.