Image Optimization for E-Commerce: The Multi-Platform Reality
Product images on WooCommerce, Shopify, and Amazon all have different requirements. A practical guide to optimising once and deploying everywhere without quality loss.
A typical mid-size store on WooCommerce might have fifty product pages, each with six to eight images uploaded as full-resolution PNGs straight from Photoshop. The main product grid can easily end up over 30 MB, taking four or five seconds to load on a mobile connection. The fix isn't a CDN — it's right-sized, properly compressed source images.
| Platform | Max size | Recommended dimensions | Format | Notes |
|---|---|---|---|---|
| Shopify | 20 MB | 2048×2048px | JPEG / PNG / WebP | Serves WebP automatically via CDN |
| WooCommerce | Server limit | 2000×2000px | Any | Generates thumbnails on upload; no auto WebP |
| Amazon | 10 MB | 2000px+ on longest side | JPEG / TIFF / PNG | White background required for main image |
| Etsy | 10 MB | 2000px minimum | JPEG / PNG | Displays at 570px; zoom needs 2000px+ |
| eBay | 12 MB | 1600px recommended | JPEG preferred | Min 500px; JPEG only for featured image |
Platform Image Requirements at a Glance
- ●Shopify: Max 20 MB per image; recommends 2048×2048px for zoom; serves WebP automatically via CDN
- ●WooCommerce: No hard limit by default; generates thumbnails at upload; serves whatever format you upload
- ●Amazon: Minimum 1000px on longest side for zoom; JPEG, TIFF, or PNG; recommend 2000px+; white background required for main image
- ●Etsy: Under 10 MB; displays at 570px wide; recommends 2000px minimum
- ●eBay: Min 500px, recommend 1600px; JPEG preferred; 12 MB max
The Source Image Strategy: Shoot Once, Optimize Per Platform
The correct workflow: maintain one high-quality source file (TIFF or maximum-quality JPEG) and generate platform-specific exports. Never let a platform be the only place your product images exist — always keep originals.
For white-background product photography: shoot in RAW, export a 3000×3000px TIFF as your master, then generate platform exports from that. Shopify at 2048px, Amazon at 2000px, thumbnails at 800px. This preserves maximum zoom quality everywhere.
The Format Problem: Not All Platforms Are Equal
Shopify's CDN automatically converts uploaded images to WebP for supported browsers — meaning you can upload JPEG and let the platform handle format optimisation. WooCommerce does not do this by default; you'll need a plugin (Imagify, ShortPixel, or similar) or manual WebP conversion. Amazon requires JPEG for most categories.
File Size Targets for E-Commerce
- ●Main product image (2048×2048px): target 300–600 KB (JPEG quality 80)
- ●Gallery images (same resolution): target 200–400 KB each
- ●Category thumbnails (400×400px): target 30–80 KB
- ●Hero/banner images (1920×600px): target 100–200 KB (WebP preferred)
Shopify-Specific Optimisation
Shopify serves WebP automatically, but it still re-encodes what you upload. Uploading an already-compressed JPEG adds generation loss on top of Shopify's own compression. The best approach: upload JPEG at quality 85–90, let Shopify handle the WebP conversion — its encoder is tuned for its CDN.
WooCommerce: What Happens at Upload
WordPress generates multiple image sizes at upload time (thumbnail, medium, large, full). Each is stored as a separate file. If you upload a 5 MB JPEG, WordPress creates five or six files totalling 8–12 MB of disk space. Optimising before upload is critical — a 500 KB source produces a proportionally smaller set of generated sizes.
# WooCommerce: regenerate thumbnails after changing image settings
wp media regenerate --all --yes
# Or for a single product's images:
wp media regenerate 1234 1235 1236Start with your hero and category images — they're the largest files and load on every page. Compress them here before uploading to your store.
Ready to try it?
All tools run entirely in your browser — no uploads, no account required.
Compress Image