Google added Core Web Vitals (especially LCP — Largest Contentful Paint) to its ranking criteria in 2021. Image format is one of the single biggest factors affecting LCP. WebP is the answer.
This guide walks you through converting your entire image library to WebP — once, quickly, without quality loss.
Why WebP Beats JPG and PNG
- ▸25–35% smaller than JPG at equivalent visual quality
- ▸26% smaller than PNG (lossless), 34% smaller (lossy) per Google's data
- ▸Supports both lossless and lossy compression in a single format
- ▸Supports transparency (like PNG) — a drop-in replacement for PNG in most cases
- ▸100% of modern browsers support it (Chrome, Firefox, Safari, Edge — since 2022)
- ▸Directly improves PageSpeed Insights and Core Web Vitals scores
📊
HTTPArchive 2025 data shows websites using WebP have an average LCP score 18% better than websites using only JPG/PNG. A good LCP score (under 2.5 seconds) directly impacts Google rankings.
WebP Lossless vs Lossy — Which Should You Choose?
- ▸Lossless WebP: No data loss, 26% smaller than PNG. Use for product images needing sharp detail, logos, text overlays.
- ▸Lossy WebP: Stronger compression, 25–35% smaller than JPG. Use for blog images, banners, backgrounds, portraits.
- ▸Quality 80–85%: The sweet spot — humans can't see the difference from the original.
- ▸Quality below 70%: Artifacts start appearing — not recommended for product images.
WebP Conversion Methods — Tool Comparison
- ▸Squoosh.app (online): Great for 1–5 images, no batch support
- ▸cwebp (Google CLI): Powerful but requires terminal, not beginner-friendly
- ▸Photoshop Plugin: Good but expensive, slow with hundreds of images
- ▸ImageMagick: Batch-capable but complex, hard to set up
- ▸SEO Image Pro: Simple interface, unlimited batch, integrated EXIF and file renaming
Batch Conversion with SEO Image Pro — Step by Step
- 1Open SEO Image Pro, drag and drop your JPG/PNG folder into the app
- 2Select "Convert to WebP" in the Output Format section
- 3Set quality: 82% for content images, 90% for product images
- 4Choose output folder (overwrite originals or save to new folder)
- 5Click "Process All" — the app processes multiple files in parallel
💡
Combine WebP conversion with EXIF metadata writing in the same processing pass — SEO Image Pro does both in one step. Saves 50% of the time compared to doing them separately.
After Conversion — Updating Your Website Correctly
Converting files is just step one. To make your website actually serve WebP:
- ▸WordPress: ShortPixel or Imagify plugins auto-serve WebP
- ▸Shopify: Upload .webp files directly — Shopify natively supports WebP
- ▸Custom HTML: Use the <picture> tag with <source type="image/webp"> and an <img> fallback
- ▸CDN (Cloudflare, Bunny): Enable automatic WebP conversion feature
- ▸Next.js / React: next/image component automatically serves WebP
Verifying Results After Conversion
- ▸PageSpeed Insights: Check "Serve images in next-gen formats" — should show no warnings
- ▸GTmetrix: Waterfall tab → verify Content-Type of images shows image/webp
- ▸Chrome DevTools → Network tab: Filter by "Img" and check the Type column
- ▸WebPageTest: Compare LCP scores before and after conversion