How to optimize product photos for Shopify and WooCommerce

Product photos are the number one factor in online purchase decisions. But unoptimized images can slow down your store to the point where customers leave before even seeing the product. This guide gives you the exact dimensions, ideal file sizes, and the workflow to optimize hundreds of images efficiently.

Recommended dimensions for Shopify

Shopify accepts images up to 20 MB and 4472 × 4472 px, but that doesn't mean you should use that size. Optimal dimensions for a Shopify store in 2025:

Image type	Dimensions	Format	Max size
Main product image	2048 × 2048 px	WebP / JPG	500 KB
Additional product images	2048 × 2048 px	WebP / JPG	300 KB
Collection banner	1800 × 600 px	WebP / JPG	200 KB
Homepage hero image	2000 × 800 px	WebP / JPG	250 KB
Logo	400 × 150 px	SVG / PNG	50 KB

Recommended dimensions for WooCommerce

WooCommerce has more configuration than Shopify, since sizes depend on your theme. But there are standards that work with most themes:

Image type	Dimensions	Format	Max size
Main product image	800 × 800 px	WebP / JPG	200 KB
Product gallery	800 × 800 px	WebP / JPG	150 KB
Catalog thumbnail	300 × 300 px	WebP / JPG	40 KB
Category banner	1200 × 400 px	WebP / JPG	150 KB

Format and ideal file size

The recommended format for product photos in 2025 is WebP. Compared to JPG at the same visual quality, WebP produces files 25–40% smaller.

• Product photos on white background: 80–85% quality in WebP — virtually indistinguishable from the original
• Lifestyle product photos: 75–80% quality — slightly smaller files
• Images with text or graphics: 85–90% quality — text must appear sharp

Why white background is the standard

Amazon, major fashion retailers, and most marketplaces require a pure white background (RGB 255,255,255) for main product images. The practical reasons:

• The product stands out without distractions
• Works well with any store design
• Thumbnails look consistent in the catalog
• Facilitates automatic cropping and processing
• Compresses better than complex backgrounds (less information to encode)

Batch optimization workflow

1. Photography: shoot in RAW or high-quality JPG, no in-camera compression
2. Editing: adjust exposure, white balance and background in Lightroom — export as JPG at 90%
3. Resizing: scale all images to the target size (2048×2048 for Shopify)
4. Batch compression: use ComprimirPro to compress all to WebP at 80–85% quality — process dozens of images at once
5. Upload: upload the resulting WebP files directly to Shopify or WooCommerce

Impact on conversions and SEO

The performance of an online store directly affects sales. Google and Deloitte studies show that:

• A 0.1 second improvement in load speed increases e-commerce conversions by 8%
• 53% of mobile users abandon a page that takes more than 3 seconds to load
• Stores with optimized images rank better in Google Shopping

Product photo checklist

• Square ratio (1:1) for maximum theme compatibility
• WebP format at 80–85% quality
• Under 300 KB per image
• File name with product + variant (white-nike-air-max-sneaker.webp)
• Alt text with product name, color, and variant
• White background for main image
• Minimum 3 product angles per SKU
• One lifestyle image per product

Related articles

📈

Optimize images for SEO

🌐

What is WebP and why use it?

⚡

Images and Core Web Vitals