Platforms

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.

Related articles

  • Platforms · 8 min read

    Amazon Product Photo Requirements and AI Editing Checklist

    Amazon product photo preparation should start with product clarity, a clean primary image, high-resolution source files, and careful secondary images. AI can help with cleanup and variants, but sellers should verify current Seller Central and category rules before uploading.

  • Platforms · 6 min read

    How to Check and Fix Amazon Main Images with AI

    A careful Amazon main image review workflow: check product accuracy, background, crop, overlays, edge quality, and category rules before publishing. Includes how to do it in KrafLayer.

  • Platforms · 6 min read

    How to Create Xiaohongshu Product Covers with AI

    A Xiaohongshu product cover workflow: create scroll-stopping visuals while keeping the product, texture, shade, and layout readable on mobile. Includes how to do it in KrafLayer.

Related KrafLayer tools

  • AI product image tools — Browse the full tool list for ecommerce image editing and product visual workflows.
  • Ecommerce product photography — Plan listing images, lifestyle scenes, detail shots, and store-ready ecommerce product photos.
  • Listing main and detail images — Generate ecommerce listing main images and detail-page product visuals from product references.
  • On-model product photos — Create product-on-model and lifestyle visuals when human context helps the product sell.
  • Marketplace product images — Choose product image workflows for Shopify, Amazon, Etsy, Walmart, WooCommerce, and other selling channels.
  • Product category image styles — Browse category-specific product image pages for beauty, jewelry, fashion, furniture, tech, food, and more.
  • Product photo editor — Clean, retouch, upscale, restore, outpaint, and repair product photos before publishing.
  • Reference-style product images — Generate ecommerce product images from competitor, brand, or campaign reference styles while preserving your own product identity.
  • AI background remover — Create clean transparent product cutouts for listings, ads, and layout work.
  • AI object eraser — Remove props, text, clutter, or distractions from product images.
  • AI image upscaler — Increase product image resolution for listings, ads, and detail-page assets.
  • AI image restoration — Refresh damaged, low-quality, or older product photos before reuse.
  • AI background replacer — Move a product into a cleaner studio, lifestyle, or campaign background.
  • AI mask edit — Edit selected regions while keeping the rest of the product image stable.
  • AI reference image editor — Use extra references to guide product identity, material, style, or composition changes.
  • AI scene compose — Place products into controlled commercial scenes without losing product clarity.