Format Comparison
Different Image Formats
JPEG vs WebP vs AVIF (all: 800px, quality: 85)
JPEG
URL: /cdn-cgi/image/width=800,quality=85,format=jpeg/images/products/product-high-res.jpg
WEBP
URL: /cdn-cgi/image/width=800,quality=85,format=webp/images/products/product-high-res.jpg
AVIF
URL: /cdn-cgi/image/width=800,quality=85,format=avif/images/products/product-high-res.jpg
Format Recommendations
- AVIF: Best compression, modern browsers only
- WebP: Good compression, wide browser support
- JPEG: Universal fallback
- format=auto: Automatic format selection (recommended)