October 13, 2026 · 6 min read

Clean Shopify product photo with white background ready for upload

Shopify Product Image Size Guide (2026)

Shopify lets you upload big images - up to 20MB per file, 250MB per product - but the real bottleneck isn't storage. It's how Shopify's CDN resizes images on-the-fly, the variant attachment limits, and the fact that most sellers upload supplier photos wholesale without fixing backgrounds, resolutions, or aspect ratios before hitting upload. Here is every hard constraint and a batch workflow that fixes all of them at once.

Hard Upload Limits

Per-file limit
20 MB

Practical ceiling: around 2MB for a 2000px JPEG at quality 80. Anything above that rarely improves visual quality on mobile viewports.

Per-product media
250 MB + 10 images

Combined limit across all images and videos for one product. Each variant shares this pool - 10 sizes times 5 colors does not multiply the count.

Total images per product
10 slots

10 images + 1 video per product. Slot 1 shows in search thumbnails; slot 2 on the product page. Slots 3+ are scrolled.

Variant attachment limit
250 media items

Across all variants of a product, you can attach up to 250 images/videos total. Large SKU counts drain this fast.

The Variant Trap Nobody Warns About

Here is a Shopify quirk that catches many dropshippers off guard. When you assign images to variants, each variant can carry its own set of images - but the total number of assigned images across all variants in a single product cannot exceed 250. If you source from AliExpress or CJ Dropshipping, each supplier often sends 3-5 photos per variation. Multiply that by 30 colorways and 10 sizes, and you've used up your 250-slot cap before you've even added lifestyle shots.

The workaround: pick 2-3 hero images per product, assign those universally, and let the rest fall back to the default. Don't waste variant slots on near-identical angle shots - those consume capacity without improving conversion.

CDN Behavior: What Happens After You Upload

Shopify runs on Fastly. When you upload a 3000x3000px JPEG at 4MB, Shopify stores the original file unchanged. But the storefront never loads the original - it requests resized versions via URL parameters like ?width=480&height=480&scale=left&crop=center. Fastly generates each requested size on first access, caches it, and serves it from edge nodes.

Two consequences matter: first, uploading oversized files wastes bandwidth on upload and takes longer in the admin interface. Second, if you have a product with 10 variants displayed on collection pages, Fastly generates 10 separate cache entries - one for each unique crop coordinate. That's 10 CDN requests per product just for the collection tile.

Recommended Sizes by Use Case

Use caseWidth x HeightFormatTarget file size
Collection page tile440x440 (min)WebP or JPEGUnder 150KB
Product page hero1440x1440 or 2000x2000JPEG or WebPUnder 1MB
Zoom/detail view2000x2000+JPEG at quality 85Under 2MB
Video thumbnail1280x720PNG or JPEGUnder 500KB
Instagram/social prep1080x1080JPEGUnder 300KB

Background Consistency: Why It Matters More Than Size

Unlike Amazon, Shopify doesn't enforce white backgrounds. Your theme controls how images display - and most themes show the first image as a large hero shot with subsequent ones scrolling below. The problem: when sellers source from wholesale suppliers, each product arrives with inconsistently cropped, variably lit photos. Sometimes the background is studio white, sometimes it's gray, sometimes there's a shadow beneath the product. Uploading these raw files to Shopify creates a jarring shopping experience that kills conversion within three product views.

The fix is straightforward: run every supplier photo through a background removal tool, set output to pure RGB(255,255,255), then batch-resize to 2000x2000. This gives uniform lighting, consistent aspect ratio, and a professional look across your entire catalog - in one pass. BatchBG processes hundreds of images locally with no signup and no per-image cost. For sellers needing transparent backgrounds for social overlays, check our transparent background guide.

Batch Workflow: From Supplier Photos to Shopify-Ready

Here's the process that stores doing 50+ products monthly follow:

  1. Step 1 - CollectDownload all supplier images into folders named by product ID. One folder per variant set.
  2. Step 2 - Remove backgroundsDrag each folder into BatchBG, select White output, click process. All backgrounds flatten to pure white (RGB 255,255,255).
  3. Step 3 - ExportDownload everything as JPEG at original resolution. Rename to match Shopify's product handle format (product-name-1.jpg, product-name-2.jpg).
  4. Step 4 - UploadUpload via Shopify admin bulk uploader or CSV import. Drag order matters - first image is the hero shown in search.

Common Mistakes

  • Uploading supplier JPEGs as-is: They're often 1500px wide, badly compressed, with inconsistent color balance. Resize to 2000px+ for zoom eligibility.
  • Ignoring file count limits: A product with 50 variants times 5 images each equals 250 slots. One extra image blocks uploads. Plan hero/default vs. variant-assigned carefully.
  • Mixing aspect ratios: If some images are 1:1 and others 4:3, collection pages will display uneven tiles. Standardize to square (1:1) for consistency.
  • Forgetting to optimize for mobile: 70%+ of Shopify traffic comes from mobile. Test product pages at 375px width - small details get lost, backgrounds must be clean enough that the product stands out without relying on decorative elements.

Frequently Asked Questions

What is the maximum image size for Shopify products? ▼

Shopify allows up to 20 megabytes per image file and 250 megabytes of total media per product. In practice, images above 2MB offer negligible visual improvement while slowing page load. Aim for 1-2MB JPEGs at 2000x2000px.

How many product images can I upload per listing on Shopify? ▼

Up to 10 images and 1 video per product. Across all variants of that product, the combined media count cannot exceed 250 items. Plan carefully for products with many SKUs.

Does Shopify compress images automatically? ▼

Shopify stores your uploads at their original size and uses Fastly's CDN to serve resized versions on demand. It does not compress your uploaded files, but it does serve lower-resolution copies to visitors based on their viewport and requested dimensions.

Should I use a white background for Shopify product photos? ▼

No requirement exists. Shopify allows any background style. Most successful stores use white or neutral backgrounds for the primary image and switch to lifestyle contexts for secondary slots. The goal is visual consistency.

🔒 BatchBG processes images locally in your browser. We use Plausible Analytics (cookieless, privacy-friendly) for anonymous usage statistics. Privacy Policy