NotShot Blog

WooCommerce product image size for clothing stores (2026)

Published 2026-11-01

WooCommerce doesn't force one image size on you. It takes whatever you upload and generates smaller versions for the shop grid, the product page and the cart, using settings in your theme and the Customizer. That flexibility is why WooCommerce clothing stores so often end up with blurry thumbnails or cropped-off feet. This page collects what WooCommerce's own documentation says, quoted with the date we checked it, and turns it into a setup for clothing. We make NotShot, an AI on-model photo tool, so we also cover where on-model renders fit.

Four on-model photos of the same garment in different poses, made with NotShot
On-model renders made with NotShot. In a WooCommerce shop grid, the same framing and ratio on every product is what keeps the catalog looking even.

The recommended size

WooCommerce's guide Adding Product Images and Galleries (last modified by WooCommerce on 9 October 2026, checked by us on 1 November 2026) says to upload images that are at least 800 x 800 pixels. That size renders well as the single product image, catalog image and thumbnail, and WooCommerce adds that larger images are better for products with fine detail. Smaller images work, but the guide calls images a key sales tool and says to use the highest quality you have.

Clothing is a fine detail product: knit texture, stitching, print edges and fabric sheen are what shoppers zoom in on. Our suggestion, not a WooCommerce rule, is to export around 1600 to 2000 pixels on the long side, as JPEG, so zoom stays sharp without oversized files.

The three image types WooCommerce makes

From the same guide (checked 1 November 2026), WooCommerce uses three types of product image:

WooCommerce's image sizing docs for theme developers (checked 1 November 2026) give the defaults behind these: the single image is shown uncropped, as uploaded, at a default 600px width; the catalog thumbnail defaults to 300px wide and square cropped; the gallery thumbnail is square cropped at 100 x 100 pixels. Themes can declare their own widths, and when they do, the store owner can't change them.

Catalog cropping: the setting that matters most for clothing

In Appearance > Customize > WooCommerce > Product Images, WooCommerce offers three cropping options for catalog and thumbnail images (Product Page and Product Images, checked 1 November 2026):

For clothing, this is where most problems start. A full-length dress or an outfit shot on a model is taller than it is wide, so a square crop can cut off the head or the shoes. Pick one ratio for the whole catalog: square if your products are mostly tops and flat lays, or a custom portrait ratio such as 3:4 if you show full-length on-model photos. Then shoot or render every product with room around the figure, so the crop never touches the garment.

Block themes may hide the Customize menu. WooCommerce's guide says you can open the Customizer directly at yourdomain.com/wp-admin/customize.php.

Fixing blurry product images

WooCommerce's guide Fixing blurry product images (last modified by WooCommerce on 19 May 2026, checked by us on 1 November 2026) says blurry images usually come from theme styling with image dimensions that don't fit your uploads. Its steps, in short:

  1. Check the original in the Media Library. It should be at least 800 x 800 pixels for most themes; replace anything smaller.
  2. Find the sizes your theme really renders with your browser's Inspect tool, on the shop page and on the single product image. WooCommerce notes that in Storefront the single product image is 800 x 800 pixels, needed for the zoom effect.
  3. Set the main image width in the Customizer to match or exceed the largest size your theme renders, and publish.
  4. Go to WooCommerce > Status > Tools and click Regenerate next to Regenerate shop thumbnails.

WooCommerce says to regenerate thumbnails any time you activate a new theme or change image dimension settings. It also explains that uploads are resized to your settings, and that hard cropping forces the exact size by cropping rather than distorting.

A clothing image set for WooCommerce

  1. Product image: the garment front view, on a plain background or on a model, in your catalog ratio. This is the image the shop grid uses.
  2. Back view in the same framing.
  3. On-model image showing fit and drape, if the product image is a flat lay or ghost mannequin.
  4. Fabric close-up for texture and color, where zoom matters most.
  5. Detail shots of closures, print or stitching.

WooCommerce says the product image is always the first item in the gallery, so you don't add it again, and gallery images can be reordered by drag and drop. Since WooCommerce 11.1 you can also add videos to the gallery as an experimental feature, turned off by default; videos can't be the main product image.

Moving from Shopify or selling there too? Compare with Shopify product image size and Squarespace product image size for clothing. On Wix? See Wix product image size for clothing. On Big Cartel? See Big Cartel product image size for clothing. On BigCommerce? See BigCommerce product image size for clothing. On Ecwid? See Ecwid product image size for clothing. If you also list on marketplaces, see Amazon fashion image requirements and Google Shopping image requirements, which reads your WooCommerce images through your product feed. Planning collection pages on Shopify? See Shopify collection image size. For lighting and backdrops, see our clothing product photography guide.

Where NotShot fits

A WooCommerce grid looks even only when every product has the same ratio and framing, which is hard to keep across shoots. NotShot renders your garment on your own model from the product photo you already have, so new products match the framing of the old ones. Every render is checked by an AI judge that compares it with your upload for color, print and cut. Renders below the quality bar are refunded automatically, so you pay for photos that pass the check, not for attempts. Plans are on the pricing page.

Questions we get asked

What is the best WooCommerce product image size?
WooCommerce recommends uploading product images of at least 800 x 800 pixels, and says larger images are better for products with fine detail. For clothing we suggest exporting around 1600 to 2000 pixels on the long side, in one aspect ratio for the whole catalog. Checked on WooCommerce docs on 1 November 2026.
Why are my WooCommerce product images blurry?
WooCommerce says blurry images are usually caused by uploads that are too small or image size settings that are too low for your theme. Check that originals are at least 800 x 800 pixels, set the main image width to match or exceed what your theme renders, then regenerate thumbnails under WooCommerce, Status, Tools.
Should clothing images in WooCommerce be square or portrait?
Either works if the whole catalog uses the same ratio. WooCommerce lets you crop catalog images to 1:1, a custom ratio or uncropped. Portrait suits full-length clothing photos because square crops can cut off heads or feet; whichever you choose, shoot with room around the figure.
How do I change product image size in WooCommerce?
Go to Appearance, Customize, WooCommerce, Product Images to set image widths and catalog cropping. If your theme defines its own widths, those controls are hidden and only cropping is shown. After changing settings, regenerate shop thumbnails under WooCommerce, Status, Tools.

NotShot is a Berlin-based tool for on-model product photography without the photoshoot.
Try NotShot