Why Image Format Matters for E-Commerce
Product images directly drive conversion rates — studies consistently show that image quality is among the top 3 factors influencing purchase decisions. But there's a tension: high-quality images are large, and large images slow down page loads, which reduces conversion rates. Getting the format and compression settings right is how you resolve that tension.
Each major e-commerce platform has different requirements, compression behavior, and CDN infrastructure. Uploading the wrong format or the wrong dimensions wastes storage, slows your store, and sometimes produces worse-quality images than a smaller, correctly-optimized file would.
This guide covers the specific image requirements for Shopify, WooCommerce, Amazon, and Etsy — with recommended settings, conversion workflows, and what each platform does to your images after upload.
Shopify Image Specifications
Shopify is the most CDN-aware of the major e-commerce platforms. It stores your original uploaded images and serves format-converted, resized versions to customers via its Shopify CDN.
Technical requirements:
- Supported formats: JPG, PNG, GIF, WebP (since 2023)
- Max file size: 20 MB per image
- Max resolution: 5000×5000 px
- Recommended resolution: 2048×2048 px for zoom functionality
- Minimum resolution: 800×800 px (below this, zoom is disabled)
- Aspect ratio: Shopify preserves whatever you upload, but themes typically display in 1:1 square or 4:5 portrait
What Shopify does to your images: Shopify's CDN automatically converts images to WebP for browsers that support it (Chrome, Firefox, Edge — ~97% of users). This means uploading a high-quality JPEG will produce WebP output to most customers regardless. Your upload becomes the source file; Shopify handles format optimization.
Best upload format for Shopify:
| Scenario | Recommended Format | Why |
|---|---|---|
| Product photos (general) | JPG at 85–90% quality | Shopify converts to WebP anyway; JPG uploads smaller |
| Products needing transparency | PNG-24 | WebP with transparency served to supporting browsers |
| Products with text/graphics | PNG-8 or WebP | Sharper text edges than JPG |
| Lifestyle/model photos | JPG at 85% | Natural photos compress well with JPG |
Pro Tip: Upload product images at exactly 2048×2048 px for Shopify. The theme's zoom feature activates at 2048×2048, and Shopify will resize down for thumbnails automatically. Uploading larger than 2048 doesn't improve zoom quality but increases storage and upload time.
WooCommerce Image Specifications
WooCommerce runs on WordPress, which gives you more control but also more responsibility for image optimization. WordPress/WooCommerce doesn't automatically convert to WebP (without a plugin), so the format you upload is the format customers receive.
Technical requirements:
- Supported formats: JPG, PNG, GIF, WebP, BMP
- Max file size: Determined by PHP
upload_max_filesizesetting (typically 8–64 MB) - WooCommerce-generated thumbnail sizes: Catalog (300×300), Single product (600×600), Thumbnail (100×100), and custom sizes from your theme
- Recommended upload size: 1200–2000 px on the long side
Best upload format for WooCommerce:
WooCommerce generates multiple thumbnail sizes from your uploaded image. For best results, upload the largest version you'll ever need — WooCommerce scales down, never up. The plugin WebP Converter for Media or similar adds automatic WebP conversion.
| Scenario | Recommended Format | Settings |
|---|---|---|
| Without WebP plugin | JPG | 85% quality, 1500–2000px |
| With WebP plugin | JPG or WebP | Plugin handles conversion |
| PNG with transparency | PNG or WebP | PNG if no WebP plugin |
Compression before upload: Because WooCommerce doesn't auto-compress, images you upload are stored as-is and served to customers. Use the image compressor to reduce JPG files before upload — 80–85% quality is invisible to customers but can cut file sizes by 50–60%.
Amazon Product Image Specifications
Amazon's image requirements are strict and well-documented. Non-compliant images will be rejected or displayed with reduced visibility. Amazon's main image (the primary photo shown in search results) has the most requirements.
Main image requirements (MAIN):
- Format: JPG (required — TIFF and PNG accepted but JPG strongly preferred)
- Background: Pure white (RGB 255,255,255) — mandatory
- Product coverage: Product must fill at least 85% of the image frame
- Resolution: 1000×1000 px minimum for zoom (1600×1600 recommended)
- Max file size: 10 MB
- No watermarks, text, logos, borders, or mannequins in main image
Additional image requirements (SWATCH, PT01–PT08):
- Same format requirements as main image
- Background can be white or lifestyle (non-white)
- Can include models, context, infographics, comparison charts
- Recommended size: 2000×2000 px for zoom functionality
Amazon's image processing: Amazon converts all images to their internal format and serves them via CloudFront CDN. They apply their own compression — which is why you should upload the highest quality version you have. Amazon's compression is applied on top of your image's existing compression; if you upload a heavily-compressed JPG, the double compression will show artifacts.
Amazon-specific workflow:
1. Shoot product on white background
2. Edit in Lightroom/Photoshop — white balance, exposure, no retouching on main
3. Export as JPG at 95% quality, 2000×2000 px
4. Verify background is pure white (RGB 255,255,255)
5. Check product fills ≥85% of frame
6. Keep file under 10 MB (95% quality 2000×2000 is ~800KB–2MB)
For generating multiple variations (rotations, close-ups) from a single high-resolution source, batch processing reduces manual work. See our batch processing guide for automation techniques.
Etsy Image Specifications
Etsy has more relaxed requirements than Amazon but still has best practices that affect search ranking:
Technical requirements:
- Supported formats: JPG, PNG, GIF
- Min resolution: 800×600 px
- Recommended resolution: 2000×2000 px (or at least 1000px on the short side)
- Max file size: 10 MB
- Aspect ratio: Etsy search thumbnails are 4:3; square and portrait images get cropped — design accordingly
- Total images: Up to 10 per listing
What Etsy does to your images: Etsy generates thumbnails and display-size versions from your upload. Higher-resolution uploads produce sharper thumbnails. Etsy's compression is moderate — JPG uploads at 85–90% quality look good.
Etsy best practices:
- First image should be the "hero" shot in 4:3 or square crop — this is what shows in search
- Include at least 5 images: product alone, size reference, detail shot, lifestyle context, packaging
- Lifestyle photos outperform white-background shots on Etsy (opposite of Amazon)
Image Conversion and Resizing Workflow
For products on multiple platforms, you'll often need multiple versions of the same image at different dimensions and formats.
Resizing for multiple platforms:
The image resizer handles resizing without quality loss. For a batch workflow:
# Using ImageMagick to create all platform sizes from one master image
convert master-product.jpg -resize 2048x2048^ -gravity Center -extent 2048x2048 shopify-2048.jpg
convert master-product.jpg -resize 2000x2000^ -gravity Center -extent 2000x2000 amazon-2000.jpg
convert master-product.jpg -resize 1500x1500^ -gravity Center -extent 1500x1500 etsy-1500.jpg
convert master-product.jpg -resize 1200x1200^ -gravity Center -extent 1200x1200 woo-1200.jpg
Converting PNG product images to JPG (white background):
If you have PNG product images and need JPG for Amazon (which requires JPG for main images), you need to flatten the transparency:
# Flatten PNG transparency to white background before JPG conversion
convert product-transparent.png -background white -flatten -quality 95 product-white-bg.jpg
Or use the JPG converter with white background flattening enabled.
Compressing for upload speed:
For WooCommerce stores without a WebP plugin, compressing before upload makes a meaningful difference. A 2000×2000 JPG at 100% quality is ~4–6 MB. At 85% quality (visually indistinguishable for product photos), it's ~800 KB–1.5 MB:
# Batch compress all product JPGs to 85% quality
for f in *.jpg; do
convert "$f" -quality 85 "compressed-$f"
done
Or upload to the image compressor, which handles batch compression with quality preview.
Common Image Issues and Fixes
Amazon rejecting images for "not white background": Use an online background remover, then flatten with a pure white background in Photoshop or GIMP. Check the actual pixel values — backgrounds that look white but are RGB 250,250,250 or have slight gray tones will still be rejected. The requirement is exactly (255,255,255).
The image background remover tool handles background removal quickly, after which you can re-add a pure white background in any image editor.
Shopify images appearing blurry in zoom: Your uploaded images are below 2048×2048 px. Shopify's zoom feature requires the source image to be larger than the display size. Re-export your product photos at 2048×2048 or higher.
WooCommerce thumbnails looking cropped wrong: WooCommerce's thumbnail crop position defaults to center. If your product is off-center in the image, thumbnails will crop it poorly. Either: (a) center the product in the frame, or (b) configure WooCommerce's "thumbnail cropping" position (Appearance → Customize → WooCommerce → Product Images).
PNG files too large for upload: PNG is lossless and produces large files for product photography. Convert to JPG with the JPG converter for a 60–80% file size reduction. Only keep PNG for products requiring genuine transparency.
Image SEO Considerations
Image optimization for e-commerce search (Google Shopping, Etsy search, Amazon internal search) goes beyond file format:
File names: blue-leather-wallet-front.jpg ranks better than IMG_0847.jpg. Rename files before uploading with descriptive, hyphen-separated terms.
Alt text: On Shopify and WooCommerce, write alt text that describes the image specifically: "Blue full-grain leather bifold wallet, front view" — not "wallet" or "product image."
Structured data: WooCommerce with Yoast SEO or RankMath automatically adds Product schema with image properties. Shopify generates this automatically.
Image sitemap: Make sure your images are included in your XML sitemap. WordPress needs the Google Image Sitemap extension to include product images.
For broader image optimization strategies that complement format and compression choices, see our guide on optimizing images for your website and best image format for web SEO.
Platform Comparison Summary
| Platform | Best Format | Recommended Size | Max File Size | WebP Auto-Serve |
|---|---|---|---|---|
| Shopify | JPG or WebP | 2048×2048 px | 20 MB | Yes (via CDN) |
| WooCommerce | JPG (+ plugin for WebP) | 1500–2000 px long edge | PHP limit | With plugin |
| Amazon | JPG | 2000×2000 px | 10 MB | No |
| Etsy | JPG or PNG | 2000×2000 px | 10 MB | No |
Frequently Asked Questions
Should I upload WebP directly to Shopify or JPG?
Either works. Shopify converts to WebP for delivery regardless of what you upload. JPG is slightly more predictable — upload JPG at 90% quality at 2048×2048 px and Shopify handles the rest.
Amazon rejected my image for "invalid format" but I uploaded a JPG. What's wrong?
Common causes: (1) the file is actually a PNG or TIFF renamed with .jpg extension — check actual format with file image.jpg, (2) the JPG uses CMYK color mode instead of RGB — Amazon requires sRGB, (3) the file is corrupt. Re-export from your photo editor as JPG (sRGB, baseline, not progressive) and try again.
Does image file size affect my Shopify store's loading speed?
Shopify's CDN serves optimized versions automatically, so your upload file size doesn't directly affect page load speed for customers. But keeping uploads under 2 MB prevents slow upload times in the admin interface and reduces storage usage.
My product has a transparent background — can I use that on Amazon?
No. Amazon's main image requires a pure white background (RGB 255,255,255). Use the image compressor after removing the background and replacing it with white.
How many product images should I upload per listing?
- Amazon: 7–9 images (main + at least 6 supporting) consistently outperforms fewer images in A/B tests
- Shopify: 4–8 images showing multiple angles, details, and size context
- Etsy: 7–10 images, including at least one lifestyle shot
- WooCommerce: As many as relevant; 4–6 minimum for products over $30
Conclusion
Product image optimization for e-commerce isn't one-size-fits-all. Shopify's CDN automates most of the complexity by converting and resizing for delivery. Amazon requires the most discipline — pure white backgrounds, JPG format, 2000×2000 px minimum, no logos. WooCommerce gives you the most flexibility but also the most responsibility.
For format conversion between JPG, PNG, and WebP, the image converter hub covers all common e-commerce format needs. For bulk resizing to platform-specific dimensions, the image resizer handles multiple formats at once.
Getting images right at the upload stage — correct format, correct dimensions, moderate compression — means customers see your products at their best while your store loads fast and ranks well in search.



