How to Serve image in WebP format on Blogger in 2021- Here is a Simple way to increase website loading Speed

When we check our websites with Google page speed tool– PageSpeed Insights, we get some mind-blowing opportunity to speed up our Blogger website loading time. That is one of the "Serve Images in Next-gen Formats".

To speed up your blogger speed you should use images in the WebP Format. Maybe many Blogger, also you use WebP image format. But too many Blogger not use this trick. In this article we will know about How to Serve image in WebP format on Blogger in 2021.

If you are going to check your website with a Google page speed tool- "PageSpeed Insights" you will definitely get this opportunity too.

Check out your website Speed Now? Click here. ➡️

In this article we will learn you how to use images in the next gen format in Blog Post on Blogger, But 1st of all we need know What is WebP Images, what are the benefits of using these format of images?

What is WebP Image format

WebP is an image format provided by Google. It has photo file extensions like – Pixel.webp

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 Image First released in 2010, WebP has the ability to use lossy and lossless image compression to create smaller and richer images without slowing down website upload speed.

According to Google — By using WebP image format, you can get lossless images of 25% size compared to png image format, and 25% -34% smaller than jpeg images.

Lossless WebP supports transparency (also known as alpha channel) at a cost of just 22% additional bytes. For cases when lossy RGB compression is acceptable, lossy WebP also supports transparency, typically providing 3× smaller file sizes compared to PNG.

Click Here for more information on WebP images.

Benefits of Using WebP Image format

  • WebP is a technology based image format provided by Google.
  • Designed to use the best prepared compression then JPG, JPEG and PNG.
  • It can reduce file size with minimal without quality loss.
  • Using the WebP image format you can create a faster download website, which uses less bandwidth.
  • You can increase Loading time.

Benefits of WebP Images on Google Search

If you use WebP images on your website it will increase the speed of your website. It means that visitors to your site are happy. It will also make google happy. It can obviously improve the quality of your website in Google search and Rank faster on search engines.

How to Serve image in WebP format in Blogger

In Blogger you can upload WebP image directly. But the image not serve in blog post in WebP format. We tried it myself. We given you simple steps to do this to serve Image in WebP. Please follow below mention steps–

  • Select your any publish post and click on edit.
  • Now set your photos to its original size.
  • Go to the HTML View of your post.

Note: Always set the image to its original size before making changes to the HTML view and always place the first image of your post in square size or recommend by Thems.alert-success

Now you get the uploaded Image in HTML code like this.⬇️

<div class=”separator” style=”clear: both; text-align: center;”>
<a href=”http://3.bp.blogspot.com/-wS-uuAjNkq8/X5JJGY6NOEI/AAAAAAAACj4/CSv7yn9_fioFGa1o_TDEsvt6_RQabgM6ACK4BGAYYCw/s1600-rw/pixellogo.png” imageanchor=”1″ style=”margin-left: 1em; margin-right: 1em;”><img alt=”How serve images in webP format in blogger.” border=”0″ data-original-height=”544″ data-original-width=”720″ src=”http://3.bp.blogspot.com/-wS-uuAjNkq8/X5JJGY6NOEI/AAAAAAAACj4/CSv7yn9_fioFGa1o_TDEsvt6_RQabgM6ACK4BGAYYCw/s1600-rw/pixellogo.png” title=”How to serve images in next-gen Format in blogger.” /></a></div>
<br /></div>

Now you find "s1600" in HTML View, After found this "s1600" you need to add this magic code "-rw" in both places. We show above in Red color.

From time to time instead of "s1600" you can see other codes such as, "s200", "s320", "s400", "s640" etc. But don't worry about this. You just type "-rw" after Avery place where have a image in Blog posts.

Now click on Update your post and check it in the Google Page Speed checking Tool – PageSpeed Insights⬅️

We sure your Blog Speed increasing. Becouse we used this method our various blog.

YOU MIGHT LIKE:PUBG Mobile Has Officially Registered Its Company With The Indian GovernmentPUBG Mobile India- When Will be officially launched in India, here's all you need to know

If you are facing any problems regarding this, please ask your opinion by comment box. I’ll be very happy to replying and helping you.

If your website Speed increasing after using this method and think helpful for others Please share this article with your friends or Social Media.

Debashis

Debashis is a Young Entrepreneur Blogger having Good Technical skills, He also an Experienced Article Writer. He likes to Share Knowledge and Experience with People. facebook whatsapp telegram instagram

9 Comments

To be published, comments must be reviewed by the administrator.

  1. Thank you sir, I Face Image issue on my blog site. For using image on my blog post site is very slowly load. But after using this my website load speed very fast (more than 30% increased ) thank you again.

    ReplyDelete
  2. https://electronicshopmultan.blogspot.com/
    sir AoA this is my blog and rank on 12 number. please reply me how to I get my blog in first page on first number

    ReplyDelete
  3. Hey— Mr. Umair, Thank you for comments, we are happy to help you. For Rank your website on Google search 1st page do SEO,

    Read This Article for more

    ReplyDelete
  4. Good information. I like the idea

    ReplyDelete
  5. www.health-365d.com
    in this blog I use this, but total blocking time is increased for this issue. How can I solve this?

    ReplyDelete
    Replies
    1. Serve image in .webp Format,

      For do this just add -rw before
      /s1600-rw/images.webp

      If you not understand please contact me on social

      Delete
  6. If you want to compress the image file size, then use this tool on your device.

    ReplyDelete
Previous Post Next Post