WordPress storefront guide · reviewed August 5, 2026
WooCommerce product image size for sharp, flexible galleries.
Prepare one crop-safe image system for featured images, catalog cards, thumbnails, zoom, lightboxes, and mobile.
Quick answer
What size should WooCommerce product images be?
WooCommerce currently recommends a minimum of 800 by 800 pixels, and says larger images are useful for products with fine detail. Your actual display depends on the active theme, WordPress-generated sizes, product gallery, zoom, and any extensions that change the storefront.
Use a genuinely sharp master image, keep related products framed consistently, and test the generated thumbnail, catalog, product-page, zoom, and mobile outputs. Do not rely on the upload dimensions alone.
Platform rules and interfaces can change. Use the linked primary sources as the final authority, then test the result in the marketplace or storefront you actually use.
Three core image roles
Plan for featured, catalog, and thumbnail use.
WooCommerce uses a main product image, catalog images in product loops, and smaller thumbnails in supporting interfaces. A source that looks good only at one size can fail when it becomes a compact card or a large zoom view.
Keep the product silhouette clear, leave breathing room, and maintain consistent product scale across the catalog. This gives the theme more room to create responsive sizes without cutting off important details.
- Single product image for the detail page
- Catalog image for shop and category loops
- Thumbnail for gallery, cart, and supporting UI
- Larger view for zoom or lightbox when enabled
Common failure modes
Fix blur and awkward crops at the source.
Blurry images usually come from a small source, aggressive compression, upscaling, or a theme requesting a display size larger than the available file. Awkward crops often come from mixed aspect ratios or products placed too close to the edges.
After changing image settings, regenerated WordPress image variants may be needed for older uploads. Theme behavior and extension settings can also override assumptions, so inspect the rendered page rather than only the media-library file.
- Avoid upscaling small originals
- Use consistent source ratios across the catalog
- Keep focal details inside a crop-safe center area
- Recheck generated sizes after theme or image-setting changes
Performance and maintenance
Keep the master, publish the optimized derivative.
Archive the original offline, then publish a compressed web file with enough resolution for the intended zoom. WordPress will create additional variants, but the source still determines maximum quality and storage cost.
Use descriptive filenames and alt text where the image communicates product information. Test the live page on mobile, check layout stability, and avoid uploading multiple oversized near-duplicate scenes that do not answer a buyer question.
Theme declarations and plugins can change WooCommerce image behavior. Treat 800 by 800 pixels as a documented minimum, not a guarantee that every storefront should use exactly that size.
Before you publish
WooCommerce image publishing checklist
Check the generated storefront outputs after upload—not only the source image.
- The source is at least 800 by 800 pixels and genuinely sharp.
- Products use a consistent aspect ratio and visual scale in catalog loops.
- The main image, gallery thumbnails, zoom, and lightbox were inspected.
- No theme crop removes important edges, labels, or product details.
- The published file is compressed and uses an appropriate web format.
- Desktop and mobile pages were tested after image or theme changes.
Primary references