Shopify Image Size Guide (2026)
Shopify accepts almost any image, then lets your theme decide how it displays — which is exactly how catalogs end up with mismatched grids, blurry zooms, and heroes cropped on mobile. This guide lists Shopify's real platform limits, the sizes that work across themes, and how to resize a whole catalog to spec.
The short answer
- Product images: 2048 × 2048 px square is the recommended size — big enough for zoom, small enough to load fast.
- Platform limits: up to 5000 × 5000 px (25 megapixels) and under 20 MB per image.
- Zoom needs more than 800 × 800 px — below that, themes disable it.
- Hero and banner sizes are theme-dependent; 1920 × 1080 px (16:9) is a safe baseline for full-width sections.
Shopify product and collection image sizes
These limits are platform-wide; how images display is decided by your theme. Square products are the cross-theme convention.
| Surface | Recommended | Minimum | Ratio | Notes |
|---|---|---|---|---|
| Product image | 2048 × 2048 px | More than 800 × 800 px for zoom | 1:1 (keep the whole catalog consistent) | Platform max 5000 × 5000 px or 25 megapixels; file size under 20 MB. |
| Collection image | 2048 × 2048 px | — | 1:1 (or your theme's collection ratio) | Use the same ratio across all collections to keep grids aligned. |
| Supported formats | JPEG or WebP for photos, PNG for graphics with transparency | — | — | Shopify also accepts HEIC and GIF; its CDN serves optimized responsive variants automatically. |
Shopify hero, logo, and favicon sizes
Exact display sizes depend on your theme — check the theme editor's recommendation for each slot; these are safe cross-theme baselines.
| Surface | Recommended | Minimum | Ratio | Notes |
|---|---|---|---|---|
| Hero / slideshow image | 1920 × 1080 px (16:9) | — | 16:9 (theme-dependent) | Full-width sections crop vertically on mobile — keep the subject centered. |
| Logo | Upload at 2× the displayed size for retina screens | — | — | Display size is set by the theme; PNG with transparency is standard. |
| Favicon | 32 × 32 px | — | 1:1 | Shopify scales the upload down to 32 × 32 px. |
| Blog / featured image | 1920 × 1080 px | — | 16:9 | One consistent ratio prevents layout shift in blog grids. |
Keep your catalog consistent (and your zoom working)
Standardize the whole catalog on one square size
Mixed dimensions are what make product grids look messy. Resize every product image to the same 2048 × 2048 px square — pad or regenerate backgrounds rather than stretching the product.
Never ship images at or below 800 px
Shopify themes disable zoom below roughly 800 × 800 px. Zoom is where buyers inspect material and detail, so treat 2048 px as your export floor for products.
Let Shopify's CDN do the compression
Shopify serves responsive, optimized variants (including WebP) automatically. Upload a clean, high-resolution source instead of pre-compressing it to death — small uploads just give the CDN nothing to work with.
Mind the mobile crop on heroes
Full-width hero sections crop hard on phones. Keep the subject and any text-safe area in the center of the frame, and preview the section at mobile width before publishing.
Write alt text while you're at it
Alt text is a ranking input for Google Images and a requirement for accessibility. Describe the product, not the keyword list.
Resize in bulk, not one by one
A catalog of mixed sizes is a batch job: run every SKU through the same resize-and-pad step (or regenerate on clean backgrounds) so new uploads land on-spec by default.
Resize your whole catalog to Shopify spec
Upload product photos and export a consistent set — clean backgrounds, exact 2048 × 2048 px squares, plus lifestyle and hero crops from the same source. Plans from $19/month.
Frequently asked questions
What is the best image size for Shopify products?
2048 × 2048 px square. It is well above the zoom threshold, renders sharply on retina screens, and stays far below Shopify's 25-megapixel and 20 MB limits.
What is the maximum image size Shopify allows?
5000 × 5000 px, or 25 megapixels total, with a file size under 20 MB. Images over either limit fail to upload.
Why won't Shopify accept my image?
Almost always one of three limits: more than 25 megapixels (width × height), a file over 20 MB, or an unsupported format. Resize so neither side exceeds 5000 px and export as JPEG, PNG, or WebP.
What aspect ratio should Shopify product images be?
1:1 square is the cross-theme convention for products and collections. Heroes and banners are usually 16:9 or wider, but the exact ratio is set by your theme — check the theme editor's per-slot recommendation.
Does Shopify compress images automatically?
Yes. Shopify's CDN generates responsive variants and serves modern formats like WebP automatically. Upload the best source you have; don't pre-compress it heavily.
What size should a Shopify hero image be?
1920 × 1080 px (16:9) is a safe baseline for full-width hero and slideshow sections. Your theme may recommend a different ratio — the theme editor shows the ideal size per section.
How do I resize product images for Shopify?
Resize and pad every image to the same square canvas (2048 × 2048 px) instead of stretching or cropping the product. For a whole catalog, batch the job: an AI product-photo tool can regenerate each SKU on a clean background at exact dimensions in one pass.
What size should Shopify collection images be?
Match your product images: 2048 × 2048 px squares, or whatever single ratio your theme's collection grid uses. Consistency matters more than the exact number.
Official reference: Shopify Help Center: Product media types