Best Image Format for E-Commerce Product Photos
The Short Answer
Serve WebP with JPG fallback for product photos. Use PNG (or WebP with transparency) for product images on white/transparent backgrounds. Target 1000-2000 pixels on the longest side for the main image, with a zoom option showing 3000+ pixels. Most e-commerce platforms (Shopify, WooCommerce, BigCommerce) handle format conversion and resizing automatically.
Why Image Quality Matters for Sales
67% of consumers say image quality is 'very important' in purchasing decisions (according to a Salsify survey). Blurry, washed-out, or artifact-heavy product photos directly hurt conversion rates. The goal isn't just to make images small — it's to make them as small as possible while looking professional. Format choice is a big part of this equation.
Format Breakdown for E-Commerce
Product photos (opaque background): WebP > JPG. High quality at small sizes. Product on transparent background (for compositing): WebP > PNG. Avoid JPG — no transparency support. 360-degree spins: Individual JPG frames or a short MP4 video. Zoom images: JPG at 90-95% quality at 3000+ pixels. Thumbnails: Aggressively compressed WebP (quality 60-70) — detail doesn't matter at 200px.
Platform-Specific Tips
Shopify: Upload at 2048×2048 minimum. Shopify auto-generates multiple sizes and serves WebP to supported browsers. WooCommerce: Use a plugin like ShortPixel or Imagify to auto-convert to WebP. Amazon: Upload JPG at 1000px minimum (2000px+ for zoom). Amazon doesn't support WebP uploads. Etsy: JPG or PNG, 2000px on shortest side. Etsy serves WebP automatically.
File Size Targets
Main product image: under 200KB. Thumbnail: under 30KB. Zoom image: under 500KB. Hero/banner: under 300KB. Total images per product page: under 1.5MB. If your images exceed these targets, you're likely using PNG where JPG/WebP would work, uploading at too high a resolution, or not compressing enough. Use CocoConvert to batch optimize your product photos.