Quick Guides 2 min read · May 19, 2026

What Image Format Should I Use for Product Photos?

Use AVIF as your primary format, WebP as your first fallback, and JPEG as your universal fallback. AVIF consistently produces the smallest files at good visual quality for photographic content, WebP covers browsers that don't yet handle AVIF cleanly, and JPEG ensures nothing breaks for older systems or third-party integrations.

Published May 2026 by the Mochify Engineering Team. This article covers the practical format fallback order for ecommerce product images and explains when JPEG is still the right choice for marketplace uploads.

The practical fallback order

The strongest pattern for serving product images on the web is the HTML <picture> element, which lets browsers pick the best format they can decode:

HTML

<picture>
  <source srcset="product.avif" type="image/avif">
  <source srcset="product.webp" type="image/webp">
  <img src="product.jpg" alt="Product name">
</picture>

Browsers try AVIF first, then WebP, then fall back to JPEG. This means visitors always receive the smallest file their browser can handle — with no manual decision-making per image.

Why AVIF leads, not WebP

AVIF typically produces files 20–50% smaller than equivalent WebP images at comparable visual quality, with gains most visible in smooth gradients and skin tones — common in product photography. WebP is still the safer choice if you cannot serve format fallbacks, because its browser support is broader and more consistent across older versions. JPEG remains important for marketplace uploads, email templates, print workflows, and any system that doesn't parse modern format headers reliably.

When to keep JPEG as your only format

If you're uploading directly to a marketplace (Amazon, eBay, Etsy) or a CMS that re-processes images on ingest, JPEG is often the right choice for your upload file. Those platforms apply their own compression pipeline, so delivering AVIF at upload doesn't give you control over what they serve. For your own storefront — Shopify, WooCommerce, a custom build — serving AVIF via <picture> gives you full control and the best results.

Preparing your product images before upload

Compress product photos to AVIF or WebP before uploading to your storefront, and keep JPEG fallback versions for marketplace listings and older integrations. At mochify.app you can describe the task in plain English — for example, type "convert to AVIF and compress for product pages" — and Magic Flow handles the format conversion, compression, and EXIF stripping in one step. Files are processed without being stored, so nothing is retained after your session ends.

Compress product photos to AVIF or WebP in one step

Just type something like "convert to AVIF and compress for product pages" — Magic Flow handles format conversion, compression, and EXIF stripping. Files are processed in-memory and wiped after your session ends. No account required for up to 3 files.

Try it free