Image Optimization for E-Commerce: A Complete Guide to Faster Product Pages

Why product image speed is a conversion issue, not just a performance one

Walmart's internal data showed that improving load time by one second increased conversions by 2%. For a store doing $50,000 per month in revenue, that's $1,000 additional monthly revenue from a single performance change. On a site doing $500,000 per month, it's $10,000. Those numbers make image optimisation one of the highest ROI technical investments an e-commerce business can make.

Beyond conversions, Google's mobile-first indexing evaluates your product pages on mobile network performance. A typical e-commerce product page with 8–10 product photos, each at 1–3MB, will have an LCP score in the "Poor" range on almost any real device. Poor LCP means lower rankings, which means less organic traffic before a single visitor has even seen your products.

Marketplace image standards — what the platforms require

Notice that most platforms allow large files — often up to 20MB. That's the maximum they'll accept, not a recommendation. Just because a platform accepts a 15MB product photo doesn't mean you should upload one. Platforms serve images to customers and usually have their own CDN that resizes on the fly, but loading times still suffer when you start with a bloated source file.

The complete product image optimisation workflow

Step 1: Shoot with optimisation in mind

Use consistent backgrounds — a white backdrop, grey surface, or your brand colour — for every product in your catalogue. Consistent lighting (two softboxes at 45 degrees, or a lightbox for smaller products) prevents the harsh shadows that make background removal harder and edges look rough.

Shoot at high resolution (24MP or above if possible) so you have room to crop and still have plenty of detail for zoom functionality. But understand that the source resolution doesn't need to match the delivered resolution — you'll be resizing down significantly as part of the workflow.

Step 2: Remove backgrounds where needed

For marketplace compliance (especially Amazon's pure white requirement) and a consistent look across your catalogue, use our free background remover. The AI process takes about 5 seconds per image and handles most products cleanly without manual cleanup.

Step 3: Resize to the right dimensions

For most e-commerce uses, 1200×1200px is the optimal size for product images — large enough for zoom functionality on desktop, appropriately sized for mobile, and manageable to compress efficiently. For thumbnails on category and search pages, 400×400px is sufficient. Use square crops for catalogue consistency.

Step 4: Compress to target file sizes

Use our batch image compressor with these targets: main product images → 100–150KB, thumbnail images → 40–70KB, zoom/detail images → 200–300KB. Upload all your product images at once (up to 20) and download them compressed in under a minute.

Step 5: Convert to WebP where the platform supports it

Shopify and WooCommerce both support WebP. Shopify automatically serves WebP to browsers that support it. For WooCommerce, install a WebP conversion plugin or use our image converter to produce WebP versions and update your image references. The 25–35% additional size reduction is free performance improvement over your already-compressed JPGs.

Structured data for product images — the SEO multiplier

Adding Product schema markup to your product pages with the image property tells Google what your images show, who made them, and how they relate to the product. This improves eligibility for product-rich results in Google Search — the visual product listings with price, rating and availability that appear above standard search results for shopping queries.

For each product page, include at minimum: the product name, price, availability, and image URL in schema markup. Use multiple image angles — front, back, side, detail — to give Google more context and increase your chances of appearing in image search for product-related queries.