AVIF vs WebP vs JPEG: Which Image Format Should You Use in 2026?

# AVIF vs WebP vs JPEG in 2026 If you have not revisited your image format strategy in the last two years, your site is probably still serving 2x larger files than it needs to. ## The 30-second summary | Format | Compression vs JPEG | Browser support (2026) | Best for | |--------|---------------------|------------------------|-----------------------------| | JPEG | baseline | universal | legacy, tiny photos | | WebP | -25% to -35% | ~98% | general web | | AVIF | -40% to -50% | ~95% | hero images, photography | ## Real numbers from a 1200x800 photo - JPEG q82: **184 KB** - WebP q82: **118 KB** (-36%) - AVIF q60: **82 KB** (-55%) ## A safe <picture> fallback ```html <picture> <source srcset="/hero.avif" type="image/avif"> <source srcset="/hero.webp" type="image/webp"> <img src="/hero.jpg" alt="Hero" width="1200" height="800"> </picture> ``` ## Should you re-encode your whole library? Yes, but do it on upload. If you use [imagetourls.com](https://imagetourls.com), every image you upload is served via Cloudflare's edge with `Content-Type` set correctly and a default `Cache-Control: public, max-age=31536000, immutable` — so you do not have to think about the response headers at all.