WooCommerce Product Image Size Guide + How to Automate It

Getting WooCommerce product image sizes right is one of those tasks that seems simple but causes persistent problems: blurry thumbnails, slow page loads, images that look different on mobile vs desktop, zoom that doesn't work. This guide covers the correct specifications for 2026 and how to process your entire image library to those specs automatically.

WooCommerce image size specifications (2026)

Why most WooCommerce stores have suboptimal images

The most common issues we see:

• Images uploaded under 1000px — phone photos uploaded without resizing. Thumbnails look soft on retina displays.
• Inconsistent aspect ratios — some products square, some portrait. The product grid looks broken.
• Files too large — 5–10MB uncompressed JPGs slow the page and tank Core Web Vitals scores
• Wrong format — PNG used where JPG would do, tripling file size unnecessarily
• No zoom-ready image — the main image is under 800px, so WooCommerce's zoom feature either doesn't activate or shows a pixelated result

Setting up WooCommerce image sizes

WooCommerce generates three image sizes from each upload. You control these in WooCommerce → Settings → Products → Product images:

• Main image width — the width of the main product image on the product page. Set to at least 800px; 1024px recommended.
• Thumbnail size — used in the cart, product listings, related products. 300 × 300px is standard.
• Catalogue image size — used on shop and category pages. Match this to your theme's grid layout.

After changing these settings, use the Regenerate Thumbnails plugin to rebuild all existing images at the new sizes. Without this step, old products keep the old thumbnail sizes.

Format: JPG vs. PNG vs. WebP for WooCommerce

JPG

Best for product images with white or solid backgrounds. Achieves the smallest file size. Use quality setting 80–85 — indistinguishable from 100% quality at half the file size. Most jewellery product images should be JPG.

PNG

Required for transparent backgrounds. Unavoidable for cutout images. File sizes are larger — keep them as lean as possible by running through a PNG compressor (TinyPNG, or Orniva handles this automatically on export).

WebP

30% smaller than JPG at the same quality. Supported by all modern browsers. WooCommerce can serve WebP if your server supports it and your theme doesn't override it. Worth enabling if you're on a modern hosting stack.

How to automate WooCommerce image processing with Orniva

Instead of manually resizing, compressing, and uploading each image, Orniva handles the full pipeline:

1. Connect WooCommerce — add your WooCommerce REST API key in Orniva settings
2. Upload raw images — any size, any format. Orniva accepts them all.
3. Configure output specs — set 2048 × 2048px output, JPG at 85% quality, or PNG for transparent images. These settings apply to every image in the batch.
4. Apply enhancements — background removal, colour correction, upscaling — run on every image
5. Publish to WooCommerce — Orniva pushes the processed images directly to the correct product in your WooCommerce store, matched by SKU from your CSV

Checklist: WooCommerce image requirements

• ✓ Minimum 2048 × 2048px uploaded (for zoom support)
• ✓ Consistent square aspect ratio across all products in a category
• ✓ JPG under 500KB for white-background images
• ✓ PNG for any transparent background cutouts
• ✓ Alt text on every image (for SEO and accessibility)
• ✓ Regenerate thumbnails after changing size settings
• ✓ WebP enabled if your hosting and theme support it