October 29, 2026 · 6 min read
Shopify Banner Size: The Number Everyone Cites Is Not a Spec
There is no official Shopify banner size. The “2048 × 1024 desktop / 1600 × 500 slideshow” table copied around the internet is third-party folklore — Shopify’s own documentation sets only upload ceilings: 5000 × 5000 px, 25 MP, 20 MB per image — and the shape you actually see is decided by your theme’s section settings, which crop rather than resize. The practical answer for a current OS 2.0 theme (Dawn-class): design one 2:1 master around 2400 × 1200 px, keep text and focal content inside the center 80%, compress under ~500 KB, and let the CDN variants do the rest. One more rule changed in 2026: checkout background images are gone entirely (details below).
The three constraints that are actually official
- 5000 x 5000 px / 25 megapixels / 20 MB. Shopify’s media documentation caps every image — product, collection, and section images alike — at these three numbers. Fail any one and the upload is rejected. There is no separate “banner max”.
- 200 files max per multi-upload. Preparing a seasonal banner set? Files and product media upload in batches of 200 at most; larger batches must be selected and repeated.
- Performance, not dimensions. Banners sit above the fold. A 3–4 MB hero is the most common self-inflicted LCP failure on Shopify homepages; a 2400 px JPEG at quality 80 is routinely under 400 KB and visually identical at slide size. The batch image compressor exists precisely for this cap-and-quality pass.
Why the theme decides the shape: crop, not resize
OS 2.0 sections (Slideshow, Image Banner, Video) define a container with its own aspect behavior — Dawn exposes it as Slide Height: small / medium / large — and CSS fills that container by cropping your image, never by letterboxing it. Consequences that the copy-paste size tables gloss over:
- Uploading a short 1600 × 500 strip into a “large” slide stretches or upscales it — blurriness is a ratio mismatch, not a resolution problem.
- A tall master (2:3) in a wide section loses its top and bottom on desktop. Anything burned into the outer frame — logo, headline, promo code — gets cut at unpredictable edges per device.
- Shopify’s CDN auto-generates sized variants from whatever you upload, so pixel-perfect exports per breakpoint are wasted effort. What you cannot outsource to the CDN is composition: keep all critical content in the center 80% (the safe zone) and edges become expendable.
Working dimensions per section (OS 2.0 themes)
| Section | Master to design | Ratio logic | Watch out for |
|---|---|---|---|
| Homepage hero / Slideshow (medium) | 2400 x 1200 | ~2:1 | Mobile slides crop harder — text in center 60% vertically |
| Promo bar / Image Banner (short) | 2400 x 600 | ~4:1 | Tiny type gets unreadable after mobile crop; keep one short message |
| Collection page banner | 2000 x 800–1000 | 2–2.5:1 | Theme title overlay collides with in-image text |
| Full-width background image | 2560 x 1440 | 16:9 | Needs the lightest compression — it repeats behind content |
| Blog featured image | 1600 x 900 | 16:9 | Some themes list at 3:2 — check the grid, not the post page |
| Email / footer strip | 1200 x 400 | 3:1 | Clients clamp to 600 px wide anyway — bake legibility at that size |
None of these are Shopify requirements — they are the ratios the corresponding section containers render at on mainstream OS 2.0 themes. The verification method beats memorizing any table: open Customize → click the section → note its height preset, screenshot the rendered area, and design to that ratio. Product photography dimension rules (square vs. fit, the 2048 px sweet spot, zoom threshold) live in the Shopify product image size guide.
The 2026 change most guides still miss
As of February 5, 2026, Shopify removed background images from the checkout header and main content area (checkout and accounts editor documentation). Older articles still recommending an “1800 × 300 checkout banner” describe a retired feature. Checkout branding today is logo + colors + fonts; if your campaign art is designed around a checkout backdrop, redesign it for the storefront sections that still accept images — or the tools you pay for per-scene need re-scoping too.
Producing a banner set in one pass, offline
Seasonal refreshes mean 8–15 section images across campaigns, and they all share the same failure mode: exported at 4K PNG from the design tool, 4–8 MB each, uploaded straight in. The whole set can be prepped locally in minutes, no upload to any service:
- Export one master per campaign at 2:1 or 16:9, whatever the tallest target section is.
- Batch resize the family with the bulk image resizer — long edge 2400–2560 px, ratios locked to the table above; use crop-to-fill for the short promo strips rather than fit, which letterboxes.
- Compress to the byte target (quality 80 JPEG, or transparent PNG only where the section shows the page background through the art) with the batch compressor in the same pass.
- Verify the safe zone by opening each file at 800 px width — if the headline still reads, mobile crop will not eat it.
- Upload in batches of ≤200 files, publish, and re-check every section on an actual phone, not the theme editor’s desktop preview.
If the banners carry cutout products rather than photos, remove those backgrounds in bulk first — the bulk background remover outputs transparent PNGs of a whole supplier folder in one pass, which is also how you avoid paying scene-generation subscriptions per campaign.
Frequently Asked Questions
What size should a Shopify banner image be?
Start at 2048 x 1024 px (2:1) for a homepage hero or slideshow on a current OS 2.0 theme, and design with the focal point inside the center 80% of the frame. Shopify publishes no official banner dimension — the section height is set by your theme (Dawn calls it Slide Height: small, medium, large), so the aspect ratio your theme crops to matters more than the pixel count. Anything from 1800–2500 px wide is fine as long as you stay under the 25 MP / 20 MB upload ceiling.
Is the common 1600 x 500 px Shopify slideshow size still correct?
It is folklore, not a spec. 1600 x 500 (3.2:1) came from older theme tutorials and still renders acceptably, but modern OS 2.0 slideshow sections stretch or crop images to whatever slide height you chose in the theme editor. If you upload 1600 x 500 into a section set to a tall "large" slide, the theme upscales it and you get a blurry hero. Match the ratio to your slide height setting instead: roughly 2:1 for medium, 4:1 for a short promo strip.
What are Shopify's hard limits for banner uploads?
Images of any kind — including section and banner images — max out at 5000 x 5000 px, 25 megapixels, and 20 MB per file, per Shopify's product-media documentation. Files that fail any of the three simply refuse to upload. Practically you should also keep banners under about 500 KB: they sit above the fold, and a 4 MB hero is the single fastest way to tank your Largest Contentful Paint score.
Can I use a background image on the Shopify checkout page?
No, as of February 5, 2026 Shopify removed the ability to add a background image to the checkout header and main content area. Checkout branding is now logo, colors, and fonts only (checkout and accounts editor). Guides still telling you to upload an 1800 x 300 px checkout banner are describing a feature that no longer exists. Storefront section banners are unaffected.
Do banner images count toward my Shopify storage limit?
Files uploaded through Content → Files count against your plan's storage pool (100 GB on Basic, 500 GB on Advanced). Images attached through the theme editor are stored as theme/shop assets rather than in Files, but keeping old campaign banners in Files is one of the first things to sweep when a store reports being near the cap — see the Shopify file storage limit breakdown.
How do I make desktop and mobile banners without two designs?
Export one wide master (e.g. 2400 x 1200) and let the theme crop, but place all text and the product inside the middle 60% vertically so mobile portrait crops never cut a headline. If your theme's mobile slide is genuinely a different shape (800 x 1200-style sections exist on some themes), create the second frame by cropping the master with the same focal box — a batch resizer set to crop-to-ratio does both sizes in one pass.
Prepping a seasonal banner set? Size the family with the Shopify-sized bulk resizer, compress below the LCP budget with the batch compressor, and if your store is also fighting “storage limit reached”, sweep old campaign art per the file storage guide.