This is an updated post: 2025.
Beware there are many outdated Blogger tips online.
This crucial step drastically improves your page loading speed and SEO performance.
If your blog is running slowly, large image files (like old JPEGs and PNGs) are often the main culprits.
Fortunately, Google's Blogger platform now offers a built-in, one-click solution to automatically serve images in the modern WebP format.
Convert Blogger Images To webP Format
This guide shows you exactly how to enable this powerful feature, along with the manual method for legacy posts.
Using WebP can reduce image file sizes by 25-34% compared to JPEGs at equivalent quality.
So the loading times is much faster, thus a higher PageSpeed Insights score.
Page speed is critical for SEO (search engine optimization) and user experience.
Method 1: The Automatic Way (Default Blogger)
Blogger automatically serves images in WebP format under certain conditions — no toggle required.
How It Works:
- When you upload an image using the post editor, Blogger hosts it on blogger.googleusercontent.com.
- It may automatically add WebP parameters like -rw to serve the image in responsive WebP format to supported browsers (like Chrome, Edge, Safari).
How To Ensure It Works:
1. Use the default Blogger image upload tool in the post editor.
2. After uploading, inspect the image URL.
- It should look like:
- https://blogger.googleusercontent.com/img/.../s640-rw/image-name
- s640 = size
- -rw = responsive WebP
Test in PageSpeed Insights or your browser’s DevTools to confirm WebP delivery.
Method 2: Manually Add WebP Parameters to Image URLs
If our image URL is missing WebP formatting, you can edit it manually.
How:
- Upload your image normally.
- Click HTML view in the Blogger post editor.
- Find the image URL — it may look like:
https://blogger.googleusercontent.com/img/a/xyz/s1600/image.jpg
Change it to:
https://blogger.googleusercontent.com/img/a/xyz/s640-rw/image.jpg
Replace s1600 or other sizes according to your image width (e.g., s800-rw).
NOTE: The image width is the Rendered Size (check the image with WebTools).
This instructs Blogger to serve a responsive WebP version.
Method 3: Upload WebP Images Manually
If you want full control or Blogger isn't converting your JPEGs:
- Use a free web tool like Online Convert or Squoosh, or TinyPNG to convert your images to .webp.
- Upload the WebP image via the post editor.
- Blogger will use your uploaded WebP version directly — no conversion needed.
This method ensures the PageSpeed warning disappears.
How To Confirm An Image is Served as WebP
Right-click your image on the live blog → “Open image in new tab”.
Check the URL:
Ends in .webp or includes -rw?
It’s being served as WebP.
Ends in .jpg or .png? ❌ WebP is not being used.
⚠️ Important Notes
| Issue | Solution |
|---|---|
| Blogger doesn’t convert JPEG | Use -rw in the URL or upload WebP manually |
| PageSpeed flags JPEGs | Convert to WebP or use WebP URL format |
| Images hosted outside Blogger | Convert to WebP manually — Blogger can’t optimize them |
✅ Summary
| Method | Effort | WebP Guaranteed? | PageSpeed Friendly? |
|---|---|---|---|
| Upload via Blogger editor | Easy | Sometimes | Sometimes |
Use -rw in image URLs |
Medium | Often | Usually |
| Upload WebP manually | Manual | ✅ Yes | ✅ Yes |
📌Tip: If you're aiming for maximum performance and a green PageSpeed score, converting images to WebP yourself before uploading is the most reliable method.
Convert Blogger Images To webP Format For SEO
Optimizing your images is a crucial part of the Image Optimization element of on-page SEO.
By taking advantage of Blogger's automatic WebP serving feature, you can ensure your content loads faster.
This improves user retention, and signals to search engines that your page provides a high-quality experience.
Don't skip this easy step! Head to your settings now and activate WebP serving to gain an immediate performance boost.