WebP vs AVIF vs JPEG for Shopify: Which Should You Actually Use?

You're three tabs deep into WebP-versus-JPEG comparisons, wondering if your whole catalog needs converting before you upload the new collection. It doesn't. Shopify's CDN evaluates each image on every request and serves whichever compatible format — AVIF, WebP, or JPEG — it determines works best for that image and browser, with no setup on your side. If you've been putting off a WebP conversion project, take it off your list entirely.

For Shopify, upload a clean, well-compressed JPEG and let the CDN serve WebP or AVIF automatically. What you control is source weight: we ran 6 files through GlassyPic in July 2026, and a 10.1 MB PNG converted to WebP came back at 406 KB, 96% smaller.

That said, the format you upload still affects your store's speed. Not through the format itself, but through the file weight you hand Shopify to work with. Most LCP failures on Shopify stores trace back to oversized source files. (For a full breakdown of LCP, see our guide to improving your store's LCP score.)

This guide gives you a direct answer: which format to upload for Shopify in 2026, whether you need to convert anything, and the one thing that actually matters before every upload.

Key fact: Shopify's CDN has served WebP since 2020 and added automatic AVIF delivery in August 2022, for every browser that supports them. The format you upload doesn't change what shoppers download.

The Short Answer: Upload a Clean JPEG — Shopify Handles the Rest

For most Shopify stores in 2026, the best image format to upload is a high-quality JPEG or PNG. Shopify's CDN converts and serves AVIF or WebP to browsers that support them, so the format you upload doesn't reach your shoppers unchanged. What matters is uploading a clean, well-sized file before Shopify takes over.

When a shopper loads a product page, Shopify's CDN checks their browser and picks the smallest compatible format for that specific image — usually AVIF for AVIF-capable browsers, WebP for browsers that support WebP but not AVIF, and JPEG for everything else. This runs for every product photo, collection image, and theme image on your store. No configuration, no app, no manual conversion required.

Shopify began serving WebP in 2020 and added automatic AVIF delivery in August 2022 — years before most store owners knew AVIF existed. The format question has already been decided for you.

If you've been putting off a WebP conversion project, you can take it off your list. See how AI image optimization works for e-commerce if you want to understand what else the optimization pipeline handles.

WebP, AVIF, and JPEG: A Non-Technical Comparison

JPEG is the original web image format. Supported everywhere. Larger files, no frills. WebP is Google's modern alternative: roughly 25–34% smaller than JPEG with no visible quality difference, supported by 97% of browsers. AVIF is the newest format: up to 50% smaller than JPEG, supported by about 95% of browsers in 2026. To shoppers, all three look the same.

The most important column is the last one. For every format, the answer is the same: no, you don't need to do anything. Shopify handles format delivery. Your job is uploading a clean source file.

For a primer on the full optimization workflow, see our Shopify image optimization guide.

Does Shopify Automatically Convert Images to WebP or AVIF?

Yes. Shopify's CDN picks the smallest compatible format for each image request — usually AVIF for browsers that support it, WebP for browsers that support WebP but not AVIF, and JPEG for everything else. This has been active for WebP since 2020, with automatic AVIF delivery added in August 2022. You don't configure anything, install an app, or convert files before uploading. Shopify handles format delivery for every product photo on your store.

The original file you upload stays on Shopify's servers. What gets delivered to your shoppers is a re-converted version that Shopify generates on the fly, matched to what each browser can handle.

One caveat: this behavior applies to images uploaded through Shopify's admin, including product images, collection images, and theme images. If you're linking to images hosted elsewhere, Shopify's CDN won't transcode those. You'd handle format optimization for those separately.

For images managed through Shopify's admin, there's nothing to configure. No action needed.

Do I Need to Convert My Images to WebP Before Uploading to Shopify?

No. You do not need to convert your product photos to WebP before uploading to Shopify. Shopify's CDN handles WebP and AVIF delivery for every compatible browser, with no setup required. Uploading WebP manually adds a conversion step to your workflow with no benefit: Shopify will transcode your file again regardless. A high-quality JPEG works perfectly.

The advice to "use WebP" has been everywhere for years, and it's good advice for sites that have to manage their own format delivery. For Shopify, that step is redundant. You can stop.

The question worth asking isn't "which format should I upload?" — it's "is this file well-sized and clean before I upload it?" That's where stores leave real speed gains on the table, and that's where your time is better spent.

What Actually Matters Before You Upload

The only two things that matter before uploading a product photo to Shopify are file size and pixel dimensions. A 5 MB JPEG will slow your store even after Shopify transcodes it. A 300 × 300 px image will look blurry on a 2,000-pixel product page. Get these right and your store handles the rest.

Here's what to check before every upload:

Pixel dimensions: Match your theme's recommended size. Most Shopify themes work best with product images at 2,000 × 2,000 pixels — but check your specific theme documentation, since this varies. See our recommended pixel dimensions for Shopify guide for a breakdown by page type.

File size before upload: Aim for under 500 KB for product photos. A 2 MB image uploaded to Shopify is still a 2 MB source file. Shopify's transcoding reduces what gets served, but a lighter source file means lighter output across the board. GlassyPic compresses JPEG and PNG before upload — no account needed, free with daily credits.

File quality: 80–85% JPEG quality is invisible to shoppers and much smaller than 100% quality. You don't need perfect quality — you need good quality at a manageable size.

PNG vs JPEG: Use PNG only when you need a transparent background, such as a product on a cutout with no background. For lifestyle photos and product photos on a background, JPEG produces smaller files and performs better.

Fifty-three percent of mobile shoppers abandon pages that take longer than three seconds to load. A 2 MB product image multiplied across a catalog compounds fast. For a deeper look at page speed by the numbers, see improving your store's LCP score.

We learned one more rule running a July 2026 test batch through our own pipeline: converting tiny files backfires. A 1.9 KB transparent PNG came back from WebP conversion 2.6× larger, because under roughly 10 KB the format's container overhead outweighs the savings. Optimize the megabyte files; leave the icons alone.

Is AVIF Better Than WebP for Product Photos?

AVIF produces smaller files than WebP — typically 20–30% smaller at equivalent visual quality. For product photos, both look identical to shoppers. AVIF has about 95% browser support in 2026, meaning roughly 1 in 20 visitors gets WebP or JPEG instead. For Shopify stores, this distinction is academic: Shopify picks the smallest compatible format per image and browser, with no input from you.

Illustrative example from public benchmarks (not proprietary data): a typical 1,500 × 1,500 product photo might measure around 280 KB as a JPEG, approximately 190 KB as a WebP, and roughly 140 KB as an AVIF. At scale — a 50-product store with 5 photos each — the difference between AVIF and JPEG across the full catalog is roughly 35 MB of page weight. Shopify's CDN captures most of that saving for you.

What GlassyPic's real data shows: In GlassyPic's compression dataset of 905 real images, JPEG files converted to WebP averaged an 81% reduction in file size — and images over 2 MB averaged a 90% reduction.

Data note: GlassyPic internal compression dataset, 905 completed jobs, May 2026. JPEG to WebP: average 81% file size reduction (n=179). Images over 2MB: average 90% reduction (n=260). Median reduction across all successful compression jobs: 78%.

A fresh spot check found the same thing at both ends of the scale. In a July 2026 run of 6 files through GlassyPic, a 10.1 MB PNG converted to WebP dropped 96%, while a 91 KB JPEG that was already well-compressed dropped 11.9%. Conversion pays in proportion to how heavy the source is.

AVIF is technically superior. But the AVIF vs WebP debate is mostly irrelevant for Shopify stores — your store picks the right format for each visitor. What you can control is the quality of the source file you upload.

Frequently Asked Questions

Q: What image format should I use for Shopify product photos in 2026?

Upload a high-quality JPEG or PNG. Shopify's CDN converts and serves AVIF or WebP to browsers that support them, so you don't need to convert images before uploading. Focus on file size (under 500 KB) and pixel dimensions instead. The format you upload doesn't reach your shoppers unchanged.

Q: How much smaller is AVIF compared to JPEG?

AVIF files are roughly 50% smaller than JPEG at equivalent visual quality, so a 280 KB JPEG product photo becomes around 140 KB as AVIF. WebP sits in between at about 25–34% smaller than JPEG. Shopify's CDN serves AVIF to supported browsers, so you don't need to create AVIF files yourself.

Q: Does image format affect Shopify page speed?

Yes, but Shopify's CDN transcoding means you don't control the served format. What you can control is the file size you upload. Shopify's own documentation says delivered images "might undergo compression," not a guaranteed ratio — so a bloated source going in gives the transcoder more to work with, and you can't be sure how much of that bloat survives to the browser. Compress your JPEG or PNG to under 500 KB before uploading, and Shopify will serve the smallest compatible format for each browser from a known, verified starting point.

Q: Should I upload PNG or JPEG to Shopify?

Use JPEG for product photos and lifestyle images — it produces smaller files than PNG. Use PNG when you need a transparent background, like a product shot without a background. Both formats are transcoded by Shopify's CDN to AVIF or WebP, so the performance difference between PNG and JPEG at upload is small.

Q: Is it worth installing a Shopify image optimization app for format conversion?

For AVIF or WebP conversion, no — Shopify handles that. Where optimization tools add value is compressing your source files before upload. Reducing a 3 MB JPEG to 400 KB before it hits Shopify's servers means faster initial loads and better Core Web Vitals scores before any CDN optimization kicks in. If compression is what you're after, see our comparison of the best Shopify image optimization apps to find the right fit for your catalog size and budget.

Conclusion

The format debate is over for Shopify stores. Upload a clean, well-compressed JPEG or PNG, and Shopify serves the right format to every browser. The only prep work worth your time is getting file sizes down and pixel dimensions right before upload.

Most Shopify optimization advice leads with format because it's easy to explain. The real work is compression, and that's where stores consistently leave the biggest speed gains on the table. A perfectly formatted 4 MB image is still a slow image.

GlassyPic auto-selects the best compression settings for every product photo — no account needed, free with daily credits. Upload your images, get the optimized versions, then upload those to Shopify. That's the whole workflow. For the complete picture of how all the pieces fit together, see our complete Shopify image optimization guide.