March 24, 20265 min read

JPG to WebP — Cut Your Image Sizes by 30% (Here's How)

Convert JPG images to WebP for faster websites. Real size comparisons, quality analysis, and the best tools for single files and bulk conversion.

jpg to webp webp conversion image optimization web performance page speed
Ad 336x280

The 30% Tax You're Paying by Using JPG on the Web

If your website still serves JPG images in 2026, you're sending 25-35% more data than necessary to every visitor on every page load. Multiply that by thousands of visitors, and you're paying for bandwidth, burning mobile data, and slowing your Core Web Vitals for no reason.

WebP isn't new — Google released it in 2010. But adoption was slow because Safari didn't support it until 2020. Now, in 2026, every major browser supports WebP. There's no reason not to use it.

The Numbers Don't Lie

We converted 100 JPG photos (mix of product shots, landscapes, portraits, and screenshots) at equivalent visual quality:

MetricJPG (quality 85)WebP (quality 80)Savings
Average file size285 KB192 KB33%
Median file size240 KB165 KB31%
Total (100 images)28.5 MB19.2 MB33%
Largest file1.2 MB780 KB35%
Smallest file18 KB12 KB33%
At quality 80, WebP is visually indistinguishable from JPG quality 85 in side-by-side comparisons. The savings are real and consistent.

What About Google PageSpeed?

Google's Lighthouse explicitly checks for "next-gen image formats" and penalizes sites that serve JPG or PNG where WebP or AVIF would work. Switching to WebP can improve your Performance score by 5-15 points depending on how image-heavy your pages are.

How to Convert JPG to WebP

For a Few Images

MyPDF's image converter handles JPG to WebP with quality control. Upload, set quality (80 is the sweet spot), download. Squoosh (by Google) is also a solid option for single-file conversion with a visual preview.

For an Entire Website

If you're migrating a site from JPG to WebP, you need bulk conversion:

XnConvert (free, cross-platform): Add all your JPGs → Set output to WebP, quality 80 → Convert. Handles entire folders in one go. IrfanView (Windows): File → Batch Conversion → Set output format to WebP → Start. Processes thousands of files. MyPDF Batch Convert: Upload a folder of JPGs, choose WebP output, download the ZIP.

For WordPress Sites

Plugins handle conversion automatically:

  • ShortPixel: Converts on upload, serves WebP to supported browsers
  • Imagify: Similar auto-conversion
  • EWWW Image Optimizer: Includes WebP conversion
  • WebP Express: Lightweight, just does the WebP serving
These plugins typically convert your existing library and serve WebP to browsers that support it, with JPG fallback for the (increasingly rare) ones that don't.

Quality Settings: Finding the Sweet Spot

WebP quality doesn't map 1:1 to JPG quality. WebP quality 80 looks roughly like JPG quality 85-90. Here's a practical guide:

WebP QualityEquivalent JPGFile Size vs JPG 85Best For
90~JPG 9515% smallerPhotography portfolios
80~JPG 85-9030% smallerGeneral web use
75~JPG 8040% smallerE-commerce products
60~JPG 7055% smallerThumbnails, previews
50~JPG 6065% smallerBackground textures
For most websites, quality 80 is the universal recommendation. It's the point where file size savings are significant and quality loss is invisible without pixel-peeping.

The Element: Serving WebP with JPG Fallback

If you're hand-coding HTML (not using a CMS with automatic handling), the element lets you serve WebP to modern browsers and JPG to everything else:

<picture>
  <source srcset="photo.webp" type="image/webp">
  <img src="photo.jpg" alt="Product photo" loading="lazy">
</picture>

The browser picks the first format it supports. In 2026, virtually all browsers pick the WebP. The JPG is there as insurance.

WebP Limitations to Know About

WebP is excellent, but not perfect:

  • Maximum resolution: 16383 x 16383 pixels (plenty for web, not enough for some print workflows)
  • No CMYK support: WebP is RGB-only. Print workflows need TIFF or JPG
  • Limited metadata: EXIF data is supported but less universally read than in JPG
  • No progressive loading: JPG can load progressively (blurry → sharp). WebP loads top-to-bottom. This matters less with fast connections but is noticeable on slow mobile networks.
  • Older software: Some image editors still don't support WebP natively

Frequently Asked Questions

Should I delete my original JPGs after converting?

No. Keep them as source files. You might need them for print, for platforms that don't accept WebP, or to re-convert at different quality settings. Storage is cheap; re-doing work isn't.

Is AVIF better than WebP?

Yes — AVIF is typically 20-30% smaller than WebP at equivalent quality. But encoding is slower, and browser support, while good, isn't quite as universal. In 2026, WebP is the safe choice; AVIF is the cutting-edge choice.

Does converting JPG to WebP improve quality?

No. You can't add quality that wasn't in the original. The conversion preserves (or slightly reduces) quality while shrinking the file. Think of it as a more efficient compression of the same visual information.

What about animated WebP?

WebP supports animation (like GIF but with millions of colors and much better compression). But JPG doesn't support animation, so JPG-to-WebP conversion only applies to still images.
Ad 728x90