Ecommerce
Shopify Product Image Size Guide for Product Pages and Collections
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 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.
Recommended Shopify image planning table
| Store area | Practical image goal | What to check |
|---|---|---|
| Product page hero | Large, clean, product-first image | Product detail, label readability, material, crop safety |
| Product gallery | Multiple angles or use contexts | Consistent scale and lighting across images |
| Collection grid | Fast recognition across SKUs | Shared aspect ratio, background tone, crop rhythm |
| Campaign section | More brand mood and negative space | Product still leads the composition |
| Detail module | Feature, material, scale, or use proof | Avoid 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
Ecommerce · 6 min read
Ecommerce Listing Images for Stores, Marketplaces, and Ads
A practical guide to ecommerce listing images for store pages, marketplaces, ads, detail proof, product truth, and AI review.
Ecommerce · 6 min read
Ecommerce Product Photos: What Every Listing Image Set Should Include
A practical checklist for ecommerce product photos: main image, angle view, product detail image, lifestyle context, and review checks.
Ecommerce · 6 min read
Product Detail Images for Ecommerce: Closeups, Callouts, and Accuracy Checks
A practical guide to ecommerce detail images, closeups, callouts, product-truth checks, and KrafLayer workflows.
Ecommerce · 6 min read
Product Listing Images: A Practical Checklist for Online Stores
A practical product listing image checklist for main photos, detail shots, scale views, lifestyle images, channel fit, and AI review.
Ecommerce · 6 min read
Product Photography for Ecommerce: Image Types, Workflow, and AI Handoff
A practical guide to ecommerce product image roles, AI handoff, product-truth checks, and listing-ready photo sets.
Ecommerce · 6 min read
How to Create Perfume Product Photos Without a Studio
A practical workflow for creating perfume main images and detail images without a studio while preserving glass, liquid, cap, label, and reflection details.
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.