1. Recommended File Types
To ensure compatibility and performance, these file formats are preferred:
| Platform | Accepted Formats | Recommended Format |
|---|---|---|
| Shopify | JPEG, PNG, WebP, GIF | WebP |
| WooCommerce | JPEG, PNG, WebP | WebP |
| Amazon | JPEG (.jpg/.jpeg), TIFF, PNG | JPEG |
2. Ideal Image Dimensions
| Platform | Minimum Size (px) | Recommended Size (px) | Max Size (px) | Aspect Ratio |
|---|---|---|---|---|
| Shopify | 800 x 800 | 2048 x 2048 | 4472 x 4472 | 1:1 square |
| WooCommerce | 600 x 600 | 1200 x 1200 | 3000 x 3000 | 1:1 square |
| Amazon | 1000 x 1000 | 1600 x 1600 | 10,000 x 10,000 | 1:1 preferred (or portrait) |
✅ Amazon Note:
1600x1600 px allows zoom functionality, which is required for many categories. Images under 1000px on the shortest side won't support zoom.
3. Image Quantity per Product
| Platform | Recommended Images |
|---|---|
| Shopify | 3–5 images |
| WooCommerce | 3–6 images |
| Amazon | Up to 9 images |
Types of Images to Include:
- Main product on white background
- Close-up on material/texture
- Packaging shot
- Lifestyle photo (in use)
- Size or dimension overlay
4. White Background & Layout Guidelines
Amazon:
- Main image: Pure white background (RGB 255,255,255) is mandatory
- Product must occupy 85% or more of the image frame
- No props, watermarks, or text allowed
- No mannequins or background shadows
Shopify & WooCommerce:
- White or neutral backgrounds strongly recommended
- Lifestyle shots allowed in gallery
- Clean margins and high contrast help
5. Content Composition & Framing
| Rule | Recommendation |
|---|---|
| Product Coverage | 85–90% of frame |
| Margin Padding | 5–10% around product |
| Center Alignment | Product centered unless use-case requires angle |
| Shadow or Reflection | Subtle and realistic (optional) |
| Consistent Lighting | Yes – Avoid harsh contrasts |
6. File Size and Format Optimization
- WebP is ideal for Shopify/WooCommerce (smaller size, same quality)
- Amazon prefers JPEG due to compression and compatibility
- Aim for under 200KB per image (except zoom-enabled)
- Use compression tools or WebPPhoto.com for optimization
7. Example: Proper vs. Improper Image
Proper Image:
- Size: 1600 x 1600px
- File: JPEG (Amazon), WebP (Shopify)
- Background: White
- Product: Fully visible, centered, 90% of frame
Improper Image:
Size: 600 x 900px
Background: Cluttered or colored
Product: Off-center, lots of empty space, visible watermark
8. Conclusion: Why This Matters
Optimized images:
- Enable fast loading
- Improve SEO & Core Web Vitals
- Increase conversion rates
- Make your product eligible for zoom features (Amazon)
Use WebPPhoto.com to:
- Crop & resize to platform specs
- Convert images to WebP
- Remove or whiten backgrounds
- Compress to under 200KB
Your product deserves to be seen — make your images work harder for you.
Next Up:
- Lazy Loading and srcset for eCommerce SEO
- Common Image Mistakes That Lower Rankings