Quality Comparison

← Back to Home

Different Quality Levels

Compare file sizes and visual quality (all images: 800px width)

Quality 30

Quality: 30

URL: /cdn-cgi/image/width=800,quality=30,format=auto/images/products/product-high-res.jpg

Quality 50

Quality: 50

URL: /cdn-cgi/image/width=800,quality=50,format=auto/images/products/product-high-res.jpg

Quality 70

Quality: 70

URL: /cdn-cgi/image/width=800,quality=70,format=auto/images/products/product-high-res.jpg

Quality 85

Quality: 85

URL: /cdn-cgi/image/width=800,quality=85,format=auto/images/products/product-high-res.jpg

Quality 100

Quality: 100

URL: /cdn-cgi/image/width=800,quality=100,format=auto/images/products/product-high-res.jpg

Recommended Quality Settings

  • 30-40: Background images, blurred images
  • 50-60: Thumbnails, small previews
  • 70-80: Standard content images
  • 85-90: Hero images, featured content
  • 95-100: Photography portfolios, zoom-able images