Ecommerce

Shopify Product Image Size Guide for Product Pages and Collections

By KrafLayer team7 min read2026-06-13

TL;DR

Shopify product images should start from large, clean source files, then be cropped consistently for product pages, collection grids, and campaign modules. Shopify's product media guidance supports large images up to 5000 x 5000 px or 25 megapixels, with product images under 20 MB.

Shopify Product Image Size Guide for Product Pages and Collections

Shopify product image size is about more than one number

Shopify product image size matters because one upload can appear in multiple places: product pages, collection grids, thumbnails, related product sections, search results, landing pages, and campaign modules. The right image needs enough resolution for detail while staying consistent across the store.

Shopify's product media guidance says product and collection images can be uploaded up to 5000 x 5000 px or 25 megapixels, and product images should stay under 20 MB. Shopify also notes that square product images around 2048 x 2048 px usually display best. Always verify current guidance in Shopify Help before building a large image pipeline: [Shopify product media types](https://help.shopify.com/en/manual/products/product-media/product-media-types).

KrafLayer's [Shopify product images](/use-cases/shopify-product-images) page uses that guidance as a practical starting point, then focuses on the part merchants can control: consistent crop, product scale, focal point, and visual system.

Store areaPractical image goalWhat to check
Product page heroLarge, clean, product-first imageProduct detail, label readability, material, crop safety
Product galleryMultiple angles or use contextsConsistent scale and lighting across images
Collection gridFast recognition across SKUsShared aspect ratio, background tone, crop rhythm
Campaign sectionMore brand mood and negative spaceProduct still leads the composition
Detail moduleFeature, material, scale, or use proofAvoid tiny text and over-designed callouts

Why square images are often safer

Square images are common in ecommerce because they are easier to reuse across grids, product pages, thumbnails, and theme layouts. A square image gives the theme more predictable cropping behavior, especially when different SKUs appear side by side.

That does not mean every Shopify image must be square. Campaign banners, product page lifestyle sections, and landing-page modules often need wider or taller crops. The safer rule is this: keep product identity inside the focal area, and generate alternate crops for layouts that need them.

How to prepare Shopify product images with AI

Use this workflow when you already have a product reference:

1. Start with the cleanest product image available. 2. Use [product photo editor](/product-photo-editor) tools if the source has clutter, weak edges, dust, low resolution, or a distracting background. 3. Use [AI product image generator](/ai-product-image-generator) for product-page, collection, detail, and campaign variants. 4. Keep crop language consistent across a product family. 5. Review every output at thumbnail size and product-page size.

The thumbnail check is important. A product image that looks beautiful full-screen can fail in a collection grid if the product becomes too small, the label disappears, or the background dominates.

Product page images vs collection images

Product page images can show more detail and variety. You can include close-ups, lifestyle views, texture, packaging, and use context. Collection images need faster recognition. They should help a shopper compare multiple products without visual chaos.

For collection grids, repeat:

  • Similar product scale.
  • Similar background tone.
  • Similar shadow direction.
  • Similar camera angle where possible.
  • Enough margin for theme cropping.

This is where AI can help. Instead of manually recreating a set for each SKU, you can generate a coherent image family from product references and review the final outputs for consistency.

Common Shopify image mistakes

Avoid these issues:

  • Mixing square, vertical, and wide images in the same product grid without a reason.
  • Letting lifestyle props become more visible than the product.
  • Cropping labels, handles, straps, or signature details.
  • Uploading tiny files and relying on upscaling at the end.
  • Using a different background style for every SKU in one collection.

KrafLayer workflow for Shopify images

Use [AI product image generator](/ai-product-image-generator) for product-page and collection image families. Use [AI product photography](/ai-product-photography) when model or lifestyle context matters. Use [product photo editor](/product-photo-editor) before generation when the source photo needs repair.

This keeps the Shopify workflow practical: clean source, clear output job, consistent crop, brand mood, and final human review.

FAQ

What size should Shopify product images be?

Shopify guidance supports product and collection images up to 5000 x 5000 px or 25 megapixels, with product images under 20 MB. Shopify also notes that 2048 x 2048 px square images usually display best for square product images. Check current Shopify Help before relying on exact numbers.

Are square Shopify product images required?

Square images are not the only possible format, but they are often safer for product pages and collection grids because they make crops and SKU comparison more consistent.

How many Shopify product images should a product have?

The exact count depends on the product, but a strong set often includes a main image, alternate angle, detail image, scale or use context, and at least one brand or lifestyle image.

Can AI create Shopify product images?

Yes. AI can create product-page heroes, collection crops, lifestyle images, and detail visuals from product references. The final output should still be reviewed for product identity, crop safety, and store consistency.

Keep exploring

Continue the story

More practical guidance on product accuracy, composition, and conversion-ready visuals.

Put it into practice

Take the next step in KrafLayer

Choose a generation or editing workflow that matches what you just learned.