Picovert

WooCommerce Image Size Guide: Product, Thumbnail, and Gallery

By Picovert Team2026-04-065 min read

WooCommerce stores rely on images to sell products — blurry or oversized images cost you both conversions and page speed. WooCommerce handles image cropping and resizing automatically, but it can only work well if you upload images at the right dimensions and file sizes from the start. This guide covers the exact sizes you need for every image type in your store.

How WooCommerce Handles Images

WooCommerce generates multiple image sizes from every upload:

  • Single product image: the large image shown on the product detail page
  • Product thumbnail: the small image used in product listings, cart, and related products
  • Product catalog image: the medium image used in shop, category, and archive pages

You set these sizes in WooCommerce → Settings → Products → Display (or via Appearance → Customize → WooCommerce → Product Images in newer themes). WordPress also generates its own image sizes on top of these, so your server ends up with 5–10 copies of each image — all the more reason to start with clean, properly sized originals.

Recommended WooCommerce Image Sizes

  • Product main image (single product page): 800×800 px minimum, 1000×1000 px recommended (square). Most WooCommerce themes use a square or near-square product image. Upload at 2× the display size for retina sharpness — 1000 px looks crisp on screens that display it at 500 px
  • Catalog / shop page image: 600×600 px to 800×800 px. This is the image shown in product grids. Square images give consistent layout across products — avoid mixing portrait and landscape orientations in your catalog
  • Thumbnail (cart, related products): 150×150 px to 300×300 px. Small and fast; keep these under 30 KB each
  • Product gallery images: 1000×1000 px for the zoomable lightbox. WooCommerce zoom requires a larger source image — uploading at 1200×1200 px gives you headroom for the zoom feature
  • Category banner / header: 1200×400 px to 1920×600 px, depending on your theme. These are wide landscape images; center key content to avoid cropping on smaller screens

File Format and Quality

  • JPEG: use for all product photography — clothing, electronics, food, lifestyle shots. Export at 80–85% quality. A 1000×1000 product photo at 85% JPEG quality should be 80–150 KB
  • PNG: use only when you need a transparent background — isolated product shots on white or custom color backgrounds. PNG product images are often 3–5× the size of equivalent JPEGs; use image compression to reduce file size
  • WebP: modern themes and page builders support WebP; it delivers 25–35% smaller files than JPEG at the same quality. If your theme and CDN support it, convert JPEG product images to WebP before uploading
  • Avoid TIFF, BMP, HEIC: these formats are not optimized for web delivery and will increase load time significantly

File Size Targets

  • Main product image: under 200 KB per image. Aim for 80–150 KB for a 1000×1000 JPEG
  • Catalog image: under 100 KB each
  • Thumbnail: under 30 KB each
  • Gallery images: under 200 KB each — a product page with 5 gallery images should add no more than 1 MB total to the page weight

Large images are the most common cause of slow WooCommerce pages. Google PageSpeed Insights flags images over 200 KB as a warning — slow stores lose customers before they see the product. Use image compression before uploading.

Aspect Ratio: Why Square Works Best

WooCommerce themes expect consistent image dimensions across products. If one product image is 800×600 (landscape) and another is 600×900 (portrait), WooCommerce will crop both to a square, potentially cutting off important parts of your photos.

  • Shoot or crop all product images to a 1:1 square ratio before uploading. This gives you the most control over what appears in thumbnails and catalogs
  • Use image cropping to convert product photos to square, centering the product with equal whitespace on all sides
  • For apparel or tall products, a 4:5 ratio (800×1000 px) can work if your theme supports non-square images — check the theme documentation for the expected ratio

Regenerating Thumbnails After Changing Sizes

If you change WooCommerce image sizes after uploading products, existing images will not automatically update. You need to regenerate thumbnails:

  • Install the Regenerate Thumbnails plugin (free) and run it after changing image size settings
  • Or use WP-CLI: wp media regenerate --all
  • Regenerating thumbnails can take minutes on large stores — run it during off-peak hours

Step-by-Step: Prepare WooCommerce Product Images

  1. Photograph or source product images at 1200×1200 px or larger. Square images prevent WooCommerce from cropping unexpectedly
  2. Crop to a 1:1 square ratio, centering the product with equal whitespace. Consistent whitespace creates a professional-looking catalog
  3. Resize to 1000×1000 px for the main product image and gallery, or 600×600 px for catalog-only images
  4. Compress to under 150 KB for product images. Use 80–85% JPEG quality or convert to WebP for smaller files
  5. Upload the optimized image as the WooCommerce product image. Add gallery images as additional product photos in the product editor

WooCommerce Image Size Quick Reference

  • Product main image: 1000×1000 px, JPEG 80–85%, under 150 KB
  • Catalog image: 600×600 px to 800×800 px, under 100 KB
  • Thumbnail: 150×150 px to 300×300 px, under 30 KB
  • Gallery (zoomable): 1200×1200 px, under 200 KB
  • Category banner: 1200×400 px to 1920×600 px, JPEG
  • Ratio: 1:1 square for all product images