WooCommerce store performance is heavily influenced by product image format and optimisation. The right format choice can reduce page load times by 30–50%, directly improving conversion rates and SEO rankings.
WooCommerce Image Format Comparison
| Format | Quality | File Size | WooCommerce Use |
|---|---|---|---|
| JPG | Good | Small | Product photos (traditional) |
| PNG | Excellent | Large | Logos, transparent graphics |
| WebP | Excellent | Smallest | Best overall — recommended |
Why WebP Is Best for WooCommerce
WebP images are 25–35% smaller than equivalent JPG images with the same visual quality. This translates directly to faster page loads, better Core Web Vitals scores, and improved Google rankings. All major browsers now support WebP. WooCommerce does not natively serve WebP, but plugins like Imagify, ShortPixel, or WebP Express convert and serve WebP automatically.
WooCommerce Image Size Settings
- Product thumbnail: 300×300px (used in shop archives and cart)
- Single product image: 600×600px to 1200×1200px
- Shop header: 1920×500px or similar
- Gallery images: same as single product image
Optimising WooCommerce Images
- Upload to imgresizr.com and resize to 1200×1200px (square) for product photos
- Convert to WebP using the Convert tool
- Compress to under 200KB
- Name descriptively before upload: "blue-wool-scarf-handknitted.webp"
- Upload to WooCommerce product image field
Prepare WooCommerce images in the right format at imgresizr.com — WebP, correctly sized, and compressed free.