E-Commerce Image Optimization Checklist (2026)

Images make or break e-commerce conversions. This comprehensive checklist covers every optimization step — from shooting to serving — for Shopify, Amazon, Etsy, and WooCommerce sellers.

1. File Format Selection

Choosing the right format before anything else prevents costly re-work later.

• Product photos: Use JPEG at quality 80-85. Produces the smallest files for photographic content with excellent visual quality.
• Logos and graphics: Use PNG for anything with transparency, sharp text, or flat color areas. Use PNG-8 if the graphic has fewer than 256 colors.
• Modern sites: Serve WebP with JPEG/PNG fallbacks via the <picture> element for 25-35% smaller files.
• Never use: BMP, TIFF, or uncompressed formats for web delivery.

2. Image Dimensions by Platform

Each platform has specific requirements. Uploading the wrong size wastes bandwidth and can hurt your listing quality.

3. Compression Best Practices

After resizing, compress to reduce file size further without visible quality loss.

• Target size: Aim for <200KB for product images and <500KB for hero banners
• Quality settings: JPEG 80-85 for main product photos; 70-75 for thumbnails; 60-70 for background images
• Progressive encoding: Enable progressive JPEG — images appear to load faster as they render in multiple passes
• Strip metadata: Remove EXIF data (camera settings, GPS coordinates) to save 10-50KB per image and protect privacy
• Batch process: Use a consistent quality setting for all images of the same type to maintain visual consistency across your catalog

4. File Naming for SEO

Image file names are a ranking signal. Optimize them before uploading.

• Use descriptive names: blue-leather-wallet-front.jpg not IMG_4523.jpg
• Include keywords: Use your primary product keyword naturally in the filename
• Use hyphens: Separate words with hyphens, not underscores or spaces
• Keep it concise: 3-5 descriptive words is ideal
• Include variant info: Append color, angle, or size variant — product-name-red-side-view.jpg

5. Alt Text Best Practices

Alt text improves accessibility, SEO, and appears when images fail to load.

• Be specific: “Women's blue leather bifold wallet, open showing card slots” not “wallet”
• Include product details: Color, material, size, use context when relevant
• Avoid keyword stuffing: Write naturally for screen readers first, search engines second
• Skip “image of” or “photo of”: Screen readers already announce it as an image
• Different alt text per image: Each product photo angle should have unique alt text

6. Core Web Vitals Impact

Images directly affect three critical Google ranking metrics:

7. Lazy Loading and Delivery

How you deliver images matters as much as how you prepare them.

• Lazy load below-fold images: Use loading="lazy" on images not visible on initial page load. Never lazy-load your hero image or first product photo.
• Preload hero images: Add <link rel="preload"> for your above-the-fold hero image to improve LCP.
• Use a CDN: Serve images from a Content Delivery Network. Shopify and Amazon handle this automatically. For WooCommerce, use Cloudflare, BunnyCDN, or similar.
• Responsive images: Use srcset to serve appropriately-sized images for phones, tablets, and desktops.
• Set cache headers: Configure long cache durations (1 year) for product images with content hashing for cache-busting.

8. Platform-Specific Tips

Shopify

• Shopify auto-converts to WebP via their CDN — upload high-quality JPEGs
• Use consistent square aspect ratios (1:1) for a clean product grid
• Enable native lazy loading in your theme's performance settings
• Check your theme supports responsive images with srcset

Amazon

• Main image: pure white background (RGB 255,255,255), product fills 85% of frame
• Minimum 1000px longest side for zoom functionality (increases conversion 10-20%)
• No text, logos, watermarks, or promotional badges on main image
• Use all 9 image slots — include lifestyle, infographic, and detail shots

Etsy

• First image is the thumbnail — make it eye-catching and clear
• Landscape (4:3) images get more visual space in search results
• Show scale reference — Etsy buyers need to understand handmade item size
• Natural lighting photographs outperform studio shots for handmade items

WooCommerce

• Install an image optimization plugin (ShortPixel, Imagify, or Smush)
• Configure WooCommerce thumbnail sizes in Settings → Media to match your theme
• Set up WebP conversion with a fallback for older browsers
• Use the <picture> element for art-directed responsive images

9. Common Mistakes to Avoid

Related Guides

• How to Speed Up Your Shopify Store
• Amazon Listing Photo Size Guide
• WebP vs JPEG vs PNG Format Comparison
• How Image Compression Actually Works