Blogger

How to Serve NextGen WebP Format images in Blogger Blog 2021

Google rolls out its core web vitals updates for all websites. I can see many websites taking benefits of theme and at the same time a lot of websites getting down and down. Google PageSpeed Insights Tool recommends to server nextGen images. In this article, we’ll discuss how we can serve the nextGen image to the Blogger blog.

Serve NextGen WebP Images in a Blogger Blog in 2021.

You can serve the next generation images for a WordPress website with the help of plugins. Blogger blog doesn’t support plugins but is backed by a powerful Google Image Server. Google image server has the capability to serve the webP images.

Serve NextGen WebP image Blogger
Serve NextGen WebP image Blogger.

Blogger has a powerful Google image server. That can serve almost every kind of image as per the request.

How can you upload a webP image to Blogger?

You can upload JPG, JPEG, PNG images to the Blogger blog. Blogger automatically converts these files to webP format. Let’s understand how to request the nextGen image from Blogger: For this, you’ve to upload an image file to the Blogger dashboard, as shown below.

Now change the HTML mode using edit mode and click on the edit(pencil) button provided in the upper left corner. Now select the HTML mode to convert to the Blogger image in webP NextGen format.

You’ll see a code similar to as shown above. You have to edit the source link of the image that is the tag.

You can serve different sizes and formats of images using the Google image server. To perform this action, change the value in size provided in the src code in the tag. In the above image, the size declared is s640 which means a medium-size image will serve, change s640 to s320 for small image size. You can change the size values according to your need.

server nextgen webp images blogger

Using this -rw value in the image, you can serve the next webp images to Blogger. Just change s320 to s320-rw, or change s640 to s640-rw. You have to add -rw after the size value of the image for webP.

Now update your post, the image now converted and served in webP format. You can check it by dragging the image on the desktop screen.

Follow the above step whenever you upload a new image to Blogger and convert that to webP NextGen format.

Your Theme Not supporting webP format?

Every image you covert will serve as a webP image. But, Is your Blogger theme capable of handling webP image requests?

It would create some problems with your theme that is some gadgets may not be visible. It’s all because the Blogger theme you’re using is not supporting webP nextGen.

To solve this issue, Edit Blogger Theme and change the main theme function file (a long js file that is usually found just before the </body> tag).

You can add some updates to your blogger template or theme. These are.

replace('/s72-c','/s680')

Replace the above code with the following code.

replace('/s72-c','/s680-rw').replace('/s72-rc','/s680-rw')

You’ve to follow this for all similar codes in the main function file. If you’re using a free Blogger theme, then you have to decrypt the theme file.

If you don’t know how to do this? You can use our WebP image-friendly Blogger theme for the Blogger blog. This theme will serve all the widget images in webP format. But for the image inside the posts, you’ve to follow the -rw method for every image you upload.

I hope you liked this article on webP NextGen images for Blogger blog. In case of any doubt, feel free to ask in the comment section below.

Ashok Kumar

Ashok Kumar working in the Search Engine Optimization field since 2015. And worked on many successful projects since then. He shares the real-life experience of best SEO practices with his followers on seoneurons.com. You also can learn Advance level SEO for WordPress, Blogger, or any other blogging platform. Stay tuned.

Related Articles

One Comment

Leave a Reply

Your email address will not be published. Required fields are marked *