Google has released updates for core web vitals that apply to every website. I notice that many sites are improving due to this change, while others are falling behind. The Google PageSpeed Insights Tool suggests using next-gen images. This article will explain how to use next-gen images on a Blogger blog.
Blogger offers a strong image server from Google that can handle nearly all types of images based on your needs.
How do you upload a webP image to Blogger?
You can add JPG, JPEG, and PNG images to your Blogger blog. Blogger will automatically change these images into webP format. Now, let’s see how to ask for the next-gen image from Blogger: just upload an image file to the Blogger dashboard, as illustrated below.
To switch to HTML mode, begin by entering edit mode and clicking the pencil icon located in the top left corner. Then, choose HTML mode to change the Blogger image to the webP NextGen format.
You will observe code like the one displayed above. It’s necessary to modify the source link for the image found in the tag.
Using the Google image server, you can provide various image sizes and formats. To do this, simply adjust the size value in the src code within the tag. In the image mentioned earlier, the size indicated is s640, which signifies a medium-sized image; to get a smaller image, replace s640 with s320. Adjust the size values based on your requirements.
To upload the next webp images to Blogger, use the -rw value shown in the image. Just change s320 to s320-rw, or s640 to s640-rw. Make sure to place -rw immediately after the image size for webP.
Blogger changed the way image URLs are organized in 2025.
The previous format for images is no longer in use, but older uploads remain unchanged.
The new URL format includes important details about images, such as their size and type.
Please update your post, as the image has now been converted to webP format. You can verify this by dragging the image onto your desktop.
Make sure to repeat this process each time you upload a new image to Blogger and convert it to webP NextGen format.
Is your theme unable to support webP format?
Every image you convert will be rendered as a webP image. However, can your Blogger theme handle requests for webP images?
This could lead to issues with your theme, such as some gadgets not appearing. This is due to the fact that the Blogger theme you’re currently using does not support webP NextGen.
To address this problem, you will need to edit your Blogger theme and modify the main theme function file (typically a lengthy JavaScript file located just before the </body> tag).
You can make some changes to your Blogger template or theme. These include:
replace('/s72-c','/s680')
Replace the above code with the following code.
replace('/s72-c','/s680-rw').replace('/s72-rc','/s680-rw')
You should use this to all related codes found in the principal function file. You have to decode the theme file if you're using free Blogger themes.
Not certain about how to accomplish that? For your blog, you can use our WebP image friendly Blogger theme. In webP format, this topic will show all the widget pictures. Follow the rw technique for every picture you upload, however, for the photos inside your posts.
I hope you found this article about webP NextGen images for Blogger useful. Should you have any questions, feel free to comment below.
(1).jpg){kind=small}
