The four numbers, in one table
| Constraint | Value | What actually happens if you miss it |
|---|---|---|
| Display sweet spot | 2048 × 2048 px, 1:1 | Nothing breaks — this is the size Shopify says “usually displays best”. Enough pixels for retina zoom, small enough that compression is predictable. |
| Hard ceiling | 5000 × 5000 px or 25 MP; 20 MB/file | Upload fails outright. Some admin flows report “pixel limit is 20 megapixels” — legacy wording for the same rejection. |
| Zoom floor | ~800 × 800 px | No error, no warning — the zoom viewer just never engages and shoppers see a soft image on product pages. |
| Weight target | 150–300 KB per 2048 px JPEG | Bigger files cost you twice: Files storage quota (raw masters burn it fast) and bandwidth on every CDN origin pull. |
Why 2048 and not 5000: the CDN does the resizing on its schedule, not yours
A common piece of advice is “upload the biggest file you have, Shopify will serve the right size.” Technically true, practically sloppy. Shopify's imagery service generates cropped/scaled variants via URL parameters, but the master stays in your Files storage at full weight, and if you're on a plan with a file-size or bandwidth cap, 6000 × 4000 raw JPEGs chew through it — the exact problem quantified on our Shopify storage limits page. Pre-sizing to 2048 px keeps the same visual outcome with a fraction of the bytes and puts the compression decision (quality 80–85, once, by you) ahead of any app's defaults. If your files are already live and bloated, the bulk image resizer for Shopify walks through the replace-and-re-attach workflow.
The crop behaviour nobody explains: same file, two different images
Themes request different crops per template — collection cards, product gallery, social share all pull different regions of the same master. That's fine while every main image shares one aspect ratio; it's visible chaos when they don't. A 4:3 landscape shot on a square-crop grid loses both edges, and neighbouring products get sliced at different heights, so the gallery reads as uneven even though every file uploaded cleanly. Fix at the source: choose 1:1 for the entire catalog and enforce it — crop deliberately, or pad shorter files onto a square canvas. For mixed supplier files, our bulk background changer composites cutouts onto pure white at a uniform frame in one batch pass, which normalises size, ratio, and background in the same workflow.
Formats: what to upload, what Shopify does anyway
Shopify accepts JPEG, PNG, TIFF, BMP, GIF, SVG, HEIC, and WebP. That's a compatibility list, not a recommendation. Product photos: JPEG, quality 80–85 — Shopify's CDN negotiates WebP/AVIF to supporting browsers on its own, so uploading WebP yourself buys nothing and locks you out of easy replacement workflows. PNG only for genuinely transparent cutouts (many themes show them on a gray card or checkerboard, so test on your own product template before committing a catalog). HEIC files from iPhones convert to JPEG before upload — desktop Chrome rendering has historically been the failure point. SVG is for logos and icons, never photographs. The transparency-format tradeoffs in detail: what file format keeps a transparent background.
The 30-minute catalog prep, start to finish
- Standardize backgrounds first. Drop the supplier folder into the batch tool above: remove background, composite onto pure white. Uniform frames look more professional than uniform resolution does, and white backgrounds compress 30–50% smaller than busy scenes at equal quality.
- Cap the long edge at 2048 px, lock aspect ratio. Run the batch compressor (or the resizer pass) at maximum dimension 2048, quality 80. Landscape and portrait files both land at a 2048 px long edge, nothing stretched.
- Audit the stragglers. Anything that started under 800 px will never gain zoom — sorting those to re-shoot or re-source beats uploading a soft file. No tool invents detail that was never captured; see does background removal reduce quality for what resampling actually does to pixels.
- Upload, then check one product page on a phone. Pinch-zoom on the live product page — if zoom engages and the image holds at 2×, the catalog is spec-compliant. Spot-check a collection page for crop slicing while you're there.
Frequently Asked Questions
What is the best Shopify product image size in 2026?
2048 × 2048 px, square, JPEG or PNG, roughly 150–300 KB after compression. That is the size Shopify's own help center says “usually displays best” for square product photos: it clears the ~800 px zoom threshold on virtually every theme, lands inside the 5000 × 5000 px / 25 MP hard ceiling, and compresses predictably. Uploading 4000 px raw camera files doesn't error — it just means Shopify's CDN does the downscaling on its schedule, on its quality defaults, and you pay for the bytes twice: once in your Files storage quota and once in bandwidth every time a visitor loads the master.
Why are my Shopify product images blurry or pixelated?
Three causes, in order of how often sellers hit them. (1) Zoom never engaged: files under ~800 × 800 px fall back to the browser's native image scaling on product pages, which on a retina phone means a 750 px file is displayed at half logical size and looks soft. (2) You resized in the admin editor or an app re-exported at a smaller step than your theme's srcset requests, so Shopify upscales the stored file. (3) Over-compression below ~70 quality on dense textures — banding on gradients, mush on fabric weaves. The fix is always upstream: export the master at 2048 px, compress once at quality 80–85, upload as-is.
Does Shopify crop images differently on collection pages vs product pages?
Yes, and this is where mismatched aspect ratios hurt. Your theme defines a crop region per template: Dawn's default is a square crop on collection cards, so a 4:3 landscape file loses its left and right edges in the grid while the full image shows on the product page — the gallery tiles look uneven because different products get sliced in different places. Shopify's imagery service auto-generates size variants, but a crop can't invent context it sliced away. The durable fix is one aspect ratio for every main image: standardize to 1:1 in the source files, either by cropping deliberately or padding onto a square canvas.
Can I resize or replace hundreds of Shopify images in bulk?
Not inside Shopify — the admin has no select-all-resize, and the media editor only handles one file at a time. Bulk changes mean working on the source files before upload: a local batch tool that caps the long edge at 2048 px and compresses to quality 80 across the whole folder in one pass. For images already live in the store, the realistic options are re-uploading replacements (Shopify keeps the old file until you delete it, so check your storage after), or an App Store image app at roughly $5–20/month. Our bulk resizer page covers the exact settings.
What image formats does Shopify accept, and which should I use?
Accepted: JPEG, PNG, TIFF, BMP, GIF (animated included), SVG, HEIC, and WebP. For actual product photos use JPEG at quality 80–85 — smallest bytes, universal browser support, and Shopify's CDN serves WebP/AVIF variants to supporting browsers regardless of what you uploaded. PNG only when you genuinely need transparency (which shows as a checkerboard or theme-color behind it on most product templates). HEIC from iPhones should be converted to JPEG before upload — Safari renders it, Chrome on desktop historically has not. SVG is for logos and icons, never photos.
Does a white background make product images faster to load or rank better?
Faster to load: marginally, yes — a pure RGB(255,255,255) background compresses far better than a busy scene because huge flat regions cost almost nothing in JPEG terms, often 30–50% smaller files at equal quality. Google product rankings care about page speed and structured data, not background hue, so no, a white background is not an SEO ranking factor by itself. What it buys is compliance: Google Shopping and most marketplaces expect clean backgrounds on main images, and uniform white gallery photos measurably lift click-through from shopping ads.
Sizes for banners and slideshows follow different, theme-driven rules — see the Shopify banner size breakdown. For the full written spec discussion including variant image sizes, the Shopify image size guide covers the upload rules around the numbers on this page.