Platform-specific requirements, quality settings, and the real impact on conversion rates
Your product images are killing your sales. Not because they look bad — but because they are too large. Every extra megabyte added to your product page is costing you customers who leave before the page finishes loading. The data is clear: slow pages lose money.
This guide shows you exactly how to compress product images for every major e-commerce platform, with specific quality settings that maintain visual quality while dramatically reducing file size and page load time.
The connection between page speed and revenue is well-documented:
Images are typically the single largest contributor to page weight on e-commerce sites. A typical product page with 6-8 unoptimized photos can easily weigh 8-12 MB. After proper compression, that same page can weigh 1-2 MB — loading 4-6 times faster with no visible quality difference.
Each e-commerce platform has its own image requirements and limits. Here is what you need to know:
| Platform | Max File Size | Recommended Dimensions | Accepted Formats | Notes |
|---|---|---|---|---|
| Shopify | 20 MB | 2048x2048 px | JPEG, PNG, GIF, WebP | Auto-compresses on upload, but pre-compressing gives better results |
| WooCommerce | No platform limit | 1200x1200 px+ | JPEG, PNG, GIF, WebP | Limited by hosting plan storage/bandwidth — optimization is critical |
| Amazon | 10 MB | Min 1000x1000 px | JPEG, PNG, TIFF, GIF | Main image requires pure white background (RGB 255,255,255) |
| eBay | 12 MB | Min 500x500 px | JPEG, PNG, GIF | Recommends 1600px on longest side for best zoom experience |
| Etsy | No stated limit | Min 2000px longest side | JPEG, PNG, GIF | Recommends 2000px minimum for quality thumbnails and listing images |
Key takeaway: Even though platforms allow large files (up to 20 MB on Shopify), you should aim for 200-500 KB per image after compression. Just because you can upload a 15 MB photo does not mean you should.
Not all product images need the same quality level. Using the right quality setting for each image type maximizes compression without visible quality loss:
This is the hero image — the first thing customers see. It deserves the highest quality setting. At 85-90% JPEG quality, the compression is transparent: no visible artifacts, no loss of detail, no color banding. A 4000x4000 pixel product photo at 90% quality typically compresses to 300-600 KB, down from 2-4 MB at 100% quality.
Photos showing the product in use or in context (a bag on someone's shoulder, a lamp in a living room) have more visual complexity — backgrounds, textures, varied lighting. This complexity actually hides compression artifacts better, so you can compress more aggressively. At 80-85% quality, these images are indistinguishable from the originals.
Thumbnail images are displayed at small sizes (typically 200x200 to 400x400 pixels on screen). At these dimensions, compression artifacts are invisible regardless of quality setting. Compressing to 70-75% yields tiny file sizes (20-60 KB) with no perceptible quality difference. Since product listing pages show 20-60 thumbnails at once, this adds up to massive page weight savings.
If your platform offers a zoom feature (hover to enlarge), the zoom version is displayed at full resolution and customers are specifically looking at fine details — fabric texture, stitching quality, material grain. Keep these at 90-95% quality to preserve the details that drive purchase confidence. These images are lazy-loaded (loaded only when the customer zooms), so their size has minimal impact on initial page load.
Compress your product images now: Free image compressor — adjust quality per image, batch processing supported. No signup, no watermark.
Choosing the right format is as important as choosing the right quality level:
Use JPEG for virtually all product photography. It handles photographic content (color gradients, textures, lighting) efficiently with excellent compression ratios. JPEG is universally supported across all browsers, email clients, and e-commerce platforms. The only limitation: no transparency support.
PNG supports transparent backgrounds, which is useful for product cutouts that need to be placed on different colored backgrounds. However, PNG files are significantly larger than JPEG for photographic content — often 3-5 times larger. Use PNG only for product images that genuinely need a transparent background. For product photos on white backgrounds, JPEG with a white background is smaller and looks identical.
WebP produces files 25-35% smaller than JPEG at equivalent visual quality. It supports both lossy and lossless compression, as well as transparency. The drawback: while all modern browsers support WebP, some older systems and email clients do not. If your platform supports automatic WebP conversion with JPEG fallback (Shopify does this), use it. Otherwise, stick with JPEG for maximum compatibility and use WebP only where you control the viewing environment.
Need to convert between formats? Use our free image converter to switch between JPEG, PNG, and WebP without quality loss.
For consistent results across your entire product catalog, follow this workflow:
Here is what proper image optimization looks like in practice for a typical e-commerce product page with 6 product photos:
| Metric | Before Optimization | After Optimization | Improvement |
|---|---|---|---|
| Total page image weight | 8.2 MB | 1.2 MB | 85% reduction |
| Page load time (3G mobile) | 4.2 seconds | 1.1 seconds | 74% faster |
| Page load time (4G/WiFi) | 1.8 seconds | 0.5 seconds | 72% faster |
| Google PageSpeed score | 42/100 | 91/100 | +49 points |
| Largest Contentful Paint | 3.8 seconds | 1.2 seconds | 2.6 seconds faster |
The total work involved: resizing 6 images to 2048x2048 and compressing at 85% quality. About 5 minutes of effort for a permanent improvement that affects every visitor to that product page.
Even with compressed images, loading all product photos immediately wastes bandwidth for customers who never scroll down. Lazy loading delays image loading until the customer scrolls near the image.
The simplest implementation requires no JavaScript — just add the loading="lazy" attribute to your image tags:
<img src="product-photo-2.jpg" alt="Product side view" loading="lazy" width="800" height="800">
Important: Do not lazy-load the main product image (the first, above-the-fold image). That should load immediately. Lazy-load the second through sixth images, lifestyle shots, and any below-the-fold content. Always include explicit width and height attributes to prevent layout shift as images load in.
Most modern e-commerce themes on Shopify and WooCommerce implement lazy loading by default. Check your theme's documentation or inspect the page source to verify.
A Content Delivery Network (CDN) serves your images from servers geographically close to each customer, reducing latency. For e-commerce stores with international customers, a CDN can cut image load times by 50-70% for distant visitors.
Shopify includes a CDN automatically — all images are served from Shopify's global CDN with no configuration needed. WooCommerce requires a separate CDN setup (Cloudflare, BunnyCDN, or similar). Both Amazon and eBay serve images from their own CDNs.
Many CDNs offer automatic WebP conversion: they detect the visitor's browser and serve WebP to browsers that support it, falling back to JPEG for older browsers. This gives you the best of both worlds — smaller files for modern browsers, universal compatibility for everyone else — without maintaining two versions of every image.
If your CDN supports it, enable automatic WebP conversion and set quality to 80-85%. This provides an additional 25-35% size reduction on top of your JPEG compression for visitors using modern browsers.
Optimize your product images: Compress images free — supports JPEG, PNG, and WebP with adjustable quality. Also try: Resize images | Convert formats | Remove backgrounds
← Blog index | Compress Images | Resize Images | Convert Images | Remove Background | All tools