Why your Shopify images are tanking your conversion rate
On an average Shopify product page, images account for 60 to 80% of the page’s total weight. Every second saved on load time is roughly 4 to 7% more conversion rate (source: Deloitte’s “Milliseconds Make Millions” study, 2020).
The classic problem:
- The theme accepts a source image as JPG 4000×3000 (8 MB).
- Shopify resizes it on the CDN side but keeps the input format.
- The mobile visitor downloads a 350 KB JPG where a 90 KB WebP would do — for a strictly identical visual result.
Across 20 products × 5 images per page, that’s more than 25 MB needlessly transferred per session.
The three levers to pull
1. Convert your sources to WebP (or AVIF)
The WebP format is on average 30% lighter than an equivalent JPG at identical perceived quality. AVIF goes even lower (up to -50% vs JPG) but its support is still imperfect on some older browsers.
Rule of thumb: upload your masters as WebP at quality 82-88. That’s the sweet spot between size and color fidelity.
2. Calibrate the actual display size
There’s no point serving a 2400×1800 image if it displays at 600×450 in the theme. For most Shopify themes (Dawn, Sense, Refresh):
| Placement | Recommended native width |
|---|---|
| Homepage hero | 1920 px |
| Product carousel | 1200 px |
| Collection thumbnail | 600 px |
| Blog image | 1200 px |
3. Enable loading="lazy" everywhere below the fold
Shopify adds it by default on recent themes, but check your custom
sections (Liquid) — an <img> with no attribute blocks the LCP.
The concrete 4-step workflow
- Audit: Lighthouse → Opportunities tab → “Serve images in next-gen formats”.
- Prepare a batch of product photos in high-resolution
.jpg. - Convert the whole batch to WebP with MediaBay — drag and drop, WebP output format, quality 85, max size 1200 px.
- Re-upload to Shopify (admin → Files, or directly on the product page). The Shopify CDN will then serve the right size based on the viewport.
Real-world case: -1.8s on a fashion store’s LCP
On a client store (catalog of ~40 SKUs):
- LCP before: 3.2 s (mobile 4G)
- LCP after batch conversion to WebP: 1.4 s
- Average product page weight: 2.8 MB → 720 KB
The SEO benefit is immediate: since 2023, Google has been demoting pages whose LCP exceeds 2.5 s.
What about the privacy of your visuals?
Many online conversion tools send your images to their servers — a privacy risk if your photos contain people, confidential prototypes, or simply your catalog before launch.
MediaBay converts 100% locally in your browser, via WebAssembly. No upload, no server-side storage. Auditable in the Network tab of your DevTools.
TL;DR
- Convert your JPGs to WebP quality 85, max size 1200 px on the product width.
- Check
loading="lazy"on every<img>below the fold. - Measure with Lighthouse before/after — aim for an LCP < 2.5 s.
- Do it without uploading your photos: convert them locally.