Product images are the closest thing to touching a product online. They drive purchase decisions — but they're also the single biggest drag on e-commerce page speed. Images typically account for 50–70% of total page weight on product pages. Too large, and your page loads slowly, abandonment rises, and your Google Shopping ranking drops. Too small, and customers can't see the detail they need to buy.
Mobile shoppers now account for over 70% of e-commerce traffic. Mobile connections — even on 4G/5G — are less reliable than broadband. A product page with 20 uncompressed photos at 3–5 MB each means your customer waits for 60–100 MB to load before they can shop.
Beyond load time, image optimization directly affects Google's Core Web Vitals, specifically Largest Contentful Paint (LCP) — which measures how long it takes for the main product image to become visible. LCP is a ranking factor for both organic search and Google Shopping.
| Recommended size | 2048×2048 px (square, 1:1) |
| Max file size | 20 MB per image |
| Supported formats | JPEG, PNG, GIF, WebP |
| Recommended format | WebP (auto-converted) or JPEG 80% |
| Minimum for zoom | 1000 px on longest side |
| Recommended size | 2000×2000 px (square) |
| Max file size | 10 MB |
| Background requirement | Pure white (RGB 255,255,255) for main image |
| Supported formats | JPEG, PNG, TIFF, GIF |
| Recommended size | 2000 px on shortest side |
| Supported aspect ratios | 5:4 displays best in listings |
| Max file size | 1 MB per image |
| Supported formats | JPEG, PNG, GIF, WebP |
| Recommended size | 800–2000 px (depends on theme) |
| No hard file size limit | Set by your hosting server (typically 2–8 MB) |
| Supported formats | JPEG, PNG, WebP, GIF |
| Image Type | Best Format | Why |
|---|---|---|
| Product photo (white bg) | JPEG 80–85% | Smallest size, universal support |
| Product with transparency | PNG or WebP | Alpha channel for background cutouts |
| Lifestyle / scene photo | JPEG or WebP | Good color reproduction; WebP is 30% smaller |
| Infographic / text overlay | PNG or WebP | Sharp text edges; avoid JPEG artifacts |
| Animated demo | WebP or video | Much smaller than GIF; video for longer clips |
If you're preparing 10–50 product photos for a new listing or collection, this workflow keeps quality high and files small:
Even well-compressed images can slow your page if the browser loads all of them upfront. Add loading="lazy" to all product images below the fold — this tells the browser to defer loading until the user scrolls near them. Most modern e-commerce platforms enable this by default, but verify your theme is not disabling it.
Batch compress up to 10 product images at once. No upload — your photos stay private before your launch.
Try ImgMin Free →JPEG at 80–85% quality is the safest default for product photos with no transparent background. WebP is better for page speed (30% smaller at same quality) and Shopify fully supports it. Use PNG only for images with transparent backgrounds like logos or product cutouts.
Amazon requires a minimum of 1000px on the longest side to enable zoom. The recommended size is 2000×2000px for square images (1:1 ratio). Keep file size under 10MB. JPEG at 85% quality at 2000px typically results in files of 500KB–1.5MB, well within the limit.
Google's research found that a 1-second delay in mobile page load time can reduce conversions by up to 20%. Images are typically 50–60% of page weight. Reducing product image sizes from 500KB to 100KB can meaningfully improve load time on mobile connections, which accounts for over 70% of e-commerce traffic.