Should My Product Images Be AVIF or WebP in 2026?
If you're running a standard Shopify storefront, the answer is neither, manually. Shopify's CDN has negotiated image format automatically since 2022, detecting what each visitor's browser supports and serving AVIF, WebP, or JPEG per request. Upload the best master image you have and let Shopify handle delivery. Manual AVIF/WebP conversion earns its keep once you step outside Shopify's native delivery path.
Published August 14, 2026 by the Mochify Engineering Team. A quick answer for sellers deciding whether to pre-convert product photos, or simply upload a good master and let the platform handle format delivery.
Why Shopify already picks the format for you
Shopify's changelog confirms the CDN "detect[s] which image formats are supported by the client browser and automatically optimize[s] for quality and file size," choosing between AVIF, WebP, and JPEG on a per-request basis. The image_url Liquid filter just returns a CDN URL for the size you ask for, capped at 5760px, and won't upscale beyond the original. Pre-converting a product photo to AVIF or WebP before upload is usually wasted effort on the primary storefront path, since the CDN re-negotiates format on every request anyway.
AVIF vs. WebP when you do control delivery
Outside Shopify's CDN, the tradeoff is real. AVIF typically compresses harder than WebP at equivalent visual quality, but it carries a longer tail of older Safari and iOS support gaps. WebP is the more conservative, broadly supported choice for older clients and edge environments. As of caniuse's March 2026 table, both formats are widely supported in current browsers, though AVIF's compatibility tail is longer. This matters because image bytes are still one of the largest weight categories on a page: the 2025 Web Almanac puts the median mobile home page at 911 KB of images and the median desktop home page at 1,059 KB, both directly correlated with slower LCP.
When to convert manually
- Headless or custom storefronts, where Shopify's automatic CDN negotiation isn't the delivery mechanism.
- Off-Shopify channels: external CDNs, marketplaces, and marketing assets that never touch Shopify's image pipeline.
- Email and social exports, where the receiving client won't negotiate AVIF/WebP the way a browser does.
For any of these, you don't need to pick settings by hand. In Mochify's Magic Flow, you'd type something like "convert these product photos to AVIF, with a WebP fallback for older browsers," and the two-step pipeline (a language model reads the prompt, the C++ engine executes it) handles the pairing.
Need format conversion for images that live outside Shopify's CDN?
Compare visual quality side by side at mochify.app/comparison.
Try Mochify free →