Shopify image size: 2048 × 2048, 20 MB max
Product images: 2048 × 2048, square, JPG or PNG, under 20 MB. Hero banners: 1920 × 1080. Collection images: 1024 × 1024. Full reference for every placement below, plus how to test for Core Web Vitals impact and what file format to pick.
The complete Shopify image size reference
| Placement | Pixels | Aspect | Max file size | Formats |
|---|---|---|---|---|
| Product image (recommended) | 2048 × 2048 | 1:1 | 20 MB | JPG, PNG, GIF (static), WebP |
| Product image (minimum) | 800 × 800 | 1:1 | 20 MB | JPG, PNG, GIF, WebP |
| Collection / category image | 1024 × 1024 | 1:1 | 20 MB | JPG, PNG, WebP |
| Homepage hero banner (desktop) | 1920 × 1080 | 16:9 | 20 MB (under 200 KB recommended) | JPG, WebP |
| Homepage hero banner (mobile) | 750 × 1334 | 9:16 | 20 MB (under 100 KB recommended) | JPG, WebP |
| Slideshow / carousel | 1920 × 1080 | 16:9 | 20 MB | JPG, WebP |
| Logo | 512 × 512 | 1:1 or per design | 20 MB | PNG (transparent) or SVG |
| Favicon | 32 × 32 | 1:1 | 5 MB | PNG, ICO |
| Blog post featured image | 1200 × 628 | 1.91:1 | 20 MB | JPG, WebP |
Last updated: May 2026, against Shopify\'s current theme specifications.
The detail behind each placement
Product image (recommended)
2048 × 2048 · 1:1 · 20 MB
Shopify recommends 2048 × 2048 square so the image works for product detail page, grid view, and zoom. Smaller images render fine but cannot zoom; larger images get downscaled to 4472 × 4472 max.
Product image (minimum)
800 × 800 · 1:1 · 20 MB
Bare minimum for new Shopify themes. Below 800px the zoom feature is disabled and the image looks pixellated on retina displays.
Collection / category image
1024 × 1024 · 1:1 · 20 MB
Used on the collections grid. Square is safest because themes crop center-out; landscape collection images get top/bottom cut off on mobile.
Homepage hero banner (desktop)
1920 × 1080 · 16:9 · 20 MB (under 200 KB recommended)
Full-width banners on most themes. Compress aggressively — homepage hero is the single biggest weight on your Largest Contentful Paint (LCP).
Homepage hero banner (mobile)
750 × 1334 · 9:16 · 20 MB (under 100 KB recommended)
Many themes serve a separate mobile image. If yours does not, the desktop crops awkwardly — use a theme that supports per-breakpoint hero assets.
Slideshow / carousel
1920 × 1080 · 16:9 · 20 MB
Same as hero. Test text overlay readability at 320 × 180 (mobile thumbnail render).
Logo
512 × 512 · 1:1 or per design · 20 MB
PNG with transparent background lets the logo work on any theme background color. SVG is best for sharpness at all sizes but requires Shopify Plus or a custom theme.
Favicon
32 × 32 · 1:1 · 5 MB
Browser tab icon. Test at 16 × 16 because that is the actual rendered size on most browsers.
Blog post featured image
1200 × 628 · 1.91:1 · 20 MB
Matches Facebook/LinkedIn open-graph size, so blog posts share well on social. Avoid square here.
Generate a Shopify-ready product image in seconds
Skip the photographer. Type your product in plain English and Ngini generates a 2048 × 2048 white-background or lifestyle shot, ready to upload to Shopify. The output is sized correctly, compressed to JPG/WebP, and includes commercial usage rights on paid plans.
Three free per day, no signup. Upgrade to Pro (€9.99/mo, ~100 images) or Business (€29/mo, ~500 images) for unlimited, no watermark, and the commercial license you need to sell on Shopify.
Pro monthly
€9.99/mo. 300 credits/mo. Priority queue. Best for stores with under 50 SKUs.
Business monthly
€29/mo. 1500 credits/mo. Commercial license. For stores with 50+ SKUs.
The Core Web Vitals trap most Shopify stores fall into
Shopify allows 20 MB per image, but uploading at the max kills your Largest Contentful Paint (LCP) score — and LCP is now a Google ranking factor. A 4 MB hero banner can push LCP above 4 seconds on mobile, which Google penalizes in search results.
1. Compress to WebP
WebP files are 25-35% smaller than JPG at identical quality. Shopify auto-serves WebP to compatible browsers when you upload either format.
2. Lazy-load below the fold
Modern Shopify themes have a "lazy load images" toggle in theme settings. Enable it. Only the first hero image should load eagerly.
3. Per-breakpoint hero
Use a theme that serves a separate mobile hero (750 × 1334) instead of forcing mobile to download the desktop 1920 × 1080. Cuts mobile LCP by 40-60%.
Related guides
AI Product Photos for Shopify and Amazon
Studio-quality product photos for €0.02-0.30 per image. White-bg main shots, lifestyle, holiday variants.
Shopify Product Photography Guide
Studio vs DIY vs AI cost comparison. What sellers actually pay for product photography in 2026.
Amazon Image Requirements Reference
If you sell on both platforms, here\'s the Amazon spec side-by-side with the Shopify spec on this page.
Frequently asked questions
What is the correct Shopify product image size in 2026?
For product images, upload at 2048 × 2048 pixels, square (1:1) aspect, JPG or PNG, under 20 MB. This is Shopify's recommended size — it enables zoom and looks crisp on retina displays. The absolute minimum is 800 × 800, but anything below 2048 disables the zoom feature on most themes.
What is the Shopify banner / hero image size?
1920 × 1080 pixels (16:9) for desktop hero/slideshow images. For themes that support a separate mobile hero, use 750 × 1334 (9:16). Keep file size under 200 KB if possible — the hero is the single biggest weight on your Largest Contentful Paint (LCP) score, and Google now uses LCP as a ranking signal.
What is the Shopify collection image size?
1024 × 1024 pixels, square. Themes typically crop collection images center-out, so landscape or portrait images get top/bottom or sides cut off — square is safest.
What is the maximum file size for Shopify images?
20 MB per image. In practice, you want images well under 1 MB. Compress JPGs at quality 80-90 and use WebP where supported (Shopify auto-serves WebP to compatible browsers). Tools: TinyPNG, Squoosh, or Shopify Capital's built-in compressor in newer themes.
JPG, PNG, WebP, or GIF — which format should I use?
JPG for photographs (product shots, lifestyle, banners). PNG only when you need transparency (logo, infographics with text overlays). WebP for both if your theme supports it — 25-35% smaller files than JPG with no quality loss. Avoid GIF for product images — they are huge and not zoom-compatible.
Should I upload images larger than 2048 × 2048?
Yes if you can. Shopify caps internal storage at 4472 × 4472, then downscales on demand to whatever the theme needs. Uploading at 4472 × 4472 preserves sharpness on 5K and 4K displays. Don't go above 4472 — it just wastes upload time and storage.
How do I check if my images are hurting Shopify Core Web Vitals?
Run your storefront through PageSpeed Insights (pagespeed.web.dev). The Largest Contentful Paint (LCP) section will name the image element that's slowing you down. Common fixes: compress to WebP, lazy-load below-the-fold images (theme setting), use a per-breakpoint hero image instead of one giant desktop image.
What aspect ratio should product images be?
1:1 (square) for product images is the Shopify default and works across all themes. Some themes also support 4:5 portrait (Instagram-style) or 3:2 landscape. Pick ONE ratio per store and stick to it — mixed ratios in the same collection look unprofessional and break grid alignment.
How many product images should I upload per product?
Minimum 4 for any product: main (white background or hero shot), back/side view, detail close-up, in-use / lifestyle. Shopify allows up to 250 images per product, but 4-8 is the sweet spot — more than 8 hurts page load and most buyers only view the first 3-4 anyway.
What tools can generate Shopify-sized product images?
Canva (free templates), Adobe Photoshop / Photopea (free, manual), Pixelcut (AI background removal), Caspa AI (AI product photos $29/mo), Ngini AI Product Photos (€9.99/mo for ~100 images, free 3/day, EU-hosted, no signup). All can output the recommended 2048 × 2048.
Generate a Shopify-ready product image now
2048 × 2048, under 1 MB, JPG or PNG. Free 3 per day, no signup. See the full product photos generator for templates and pricing.