NotShot Blog

Shopify collection image size for clothing stores (2026)

Published 2026-11-01

A Shopify clothing store shows two kinds of images on a collection page: the collection image you add to the collection itself, and the grid of product images below it. Shopify does not publish one fixed collection image size, because the way images display depends on your theme. It does publish upload limits, a recommended product image size, and clear advice on aspect ratio and cropping. This page collects what Shopify's own Help Center says, quoted with the date we checked it, and turns it into a photo plan for clothing collections. We make NotShot, an AI on-model photo tool, so we also cover where on-model images fit.

On-model catalog photo of a sweatshirt, made with NotShot
An on-model render made with NotShot. Shopify says product images in a collection grid display at the same size only when they share one aspect ratio.

Upload limits for collection images

Shopify's product media types page (checked by us on 1 November 2026) sets the limits for collection images and product images together:

Shopify's manual collections article (checked 1 November 2026) says you add the collection image in the Collection image section with Add image, and points to the product media types page for the sizes you can use. You can change it later from the collection page in your admin, as described in Editing collection details and layout.

Why there is no single collection image size

Shopify's theme images page (checked by us on 1 November 2026) explains that sections such as image banners and full-width sections display images in an image area whose shape is set by the section, not by the image you upload. If your image's aspect ratio is different from that area, the section crops the image to fit, and a different image with the same aspect ratio is cropped the same way.

To reduce cropping, Shopify lists these options:

For a clothing collection banner, that means the size to export is the shape of your theme's banner, not a number from a list. Check the section in the theme editor, crop the collection image to that shape, and set the focal point on the garment, so a narrow phone screen does not cut the model's outfit in half.

The product grid: one aspect ratio

The product media types page also says that when images are displayed side by side on collection pages, images with different aspect ratios have different sizes. To make them display at the same size, use a consistent aspect ratio for all the featured, or main, images you add (checked 1 November 2026). Shopify adds that themes can use the Shopify CDN to request consistent sizing for images saved in different ratios, and that different sizes are created automatically for different areas of your theme.

For clothing, this is where a collection page looks finished or messy. A grid with a square T-shirt packshot next to a tall dress photo on a model never lines up. Pick one ratio for every featured image in the store, square at 2048 x 2048 or a portrait ratio your theme supports, and shoot every product the same way: same model framing, same background, same crop from head to shoes.

File format and compression

From the theme images page, checked 1 November 2026: images are automatically optimized for your storefront by the Shopify Content Delivery Network, and they don't need to be manually compressed before upload. Shopify recommends JPEG for product images and slideshows and PNG for line drawings, text and graphics with transparency. The same page notes that theme image uploads are limited to 20 megapixels and 20 MB, and that product images have different limits. If a large banner file is rejected even though it is under 20 MB, the megapixel count is the issue, and Shopify's fix is to reduce the pixel dimensions.

A collection photo plan for clothing

  1. Collection image: one on-model photo cropped to your theme's banner shape, with the focal point on the garment.
  2. Featured product images: every product in one aspect ratio, on the same model framing and background.
  3. One featured image per product that shows the whole garment, so the grid reads at a glance.
  4. Color variants: each colorway shown in its exact color, so the grid and the product page match.
  5. Seasonal collections: a new collection image per drop, in the same banner shape, so the theme crops it the same way.

For the product page itself, see Shopify product image size, and for video, see Shopify product video requirements for clothing. Comparing platforms? See WooCommerce product image size for clothing and BigCommerce product image size for clothing. Selling the same collection on social? See Facebook and Instagram product image size for clothing. On Squarespace instead? See Squarespace banner image size. For lighting and backdrops, see our clothing product photography guide.

Where NotShot fits

A collection page only looks consistent when every product is shot the same way, and for a clothing store that usually means booking the same model and setup for every drop. NotShot renders your garment on your own model from the product photo you already have, so every product in a collection can share one model, one framing and one background, and the collection image can come from the same set. Every render is checked by an AI judge that compares it with your upload for color, print and cut, so the grid shows the colors customers receive. 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 size should a Shopify collection image be?
Shopify says product and collection images can be any size up to 5000 x 5000 px, or 25 megapixels, and smaller than 20 MB. How the image displays depends on your theme, so crop it to the shape of your theme's collection banner. Checked on Shopify's Help Center on 1 November 2026.
Why is my Shopify collection image cropped?
Shopify says sections such as image banners display images in an area whose shape is set by the section. If your image has a different aspect ratio, the section crops it to fit. You can change the section settings, set a focal point or crop the source image to the section's shape.
Why are product images different sizes on my collection page?
Shopify says images with different aspect ratios display at different sizes side by side. Use one consistent aspect ratio for all featured, or main, product images.
Do I need to compress images before uploading to Shopify?
No. Shopify says images are automatically optimized by its Content Delivery Network and don't need to be manually compressed before upload. It recommends JPEG for product images and slideshows.

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