Shopify image sizes
Shopify banner size.
Shopify does not publish one banner size, because each theme section sets its own shape. Dawn asks for files up to 3840 px wide. Here is that figure, the Shopify blog's and every theme vendor's own.
The short answer.
There is no single Shopify banner size. The Help Center says the section decides the image area's shape and crops an image with a different ratio, and points you to your theme's documentation. For Shopify's own Dawn theme, a full-width image banner or slideshow requests files up to 3840 px wide, so an image that wide covers the largest screens.
Shopify's blog, writing about websites in general, suggests banners about 1920 px wide and gives 1200 x 400 (3:1) for a banner strip. Those are general web figures, not theme settings.
| Shopify's fixed size | None: the section sets the shape Shopify Help Center |
|---|---|
| Widest file Dawn requests | 3840 px Dawn's theme code, Dawn 16.0.0 image banner and slideshow |
| Banner width | About 1920 px Shopify blog only |
| Banner strip | 1200 x 400 px (3:1), 360 x 120 on phones Shopify blog only |
| Largest file Shopify takes | Stay under 20 MP and 20 MB Shopify's pages disagree; stay under the lower one: 20 MP on the theme images page, 25 MP on the product media and Files pages. |
| Format | JPEG for products, banners or slideshows, pages and blog posts Shopify Help Center |
Check your image.
Drop your file in to see its size, shape and format against these numbers. Pick your theme to add its vendor's own size.
Dawn and Shopify's free themes.
Dawn's image banner requests the file at widths from 375 to 3840 px and shows it across the full screen width, or half of it when two images sit side by side on desktop. Its height comes from the section's setting: adapt to the image, small, medium or large. The Horizon themes have a focal point setting, as Dawn does from version 7.0.0, which keeps the part you choose in frame when the section crops.
What theme vendors publish.
Each size as the vendor's own documentation gives it, checked October 23, 2026. Themes change between versions, so check yours against its documentation too.
| Theme | Image | Size | Vendor notes |
|---|---|---|---|
| Impulse, Motion, Expanse and Streamline | Slideshow and hero | 2880 x 1620 px | Heroes, slideshows, collection headers, 16:9; minimum 1440 x 810. |
| Empire | Slideshow on desktop | 2880 x 1000 px | Medium height; Small 2880 x 800, Large 2880 x 1200, Fit screen 2880 x 2880. |
| Empire | Image with text overlay | 1800 x 1000 px | No further note |
| Icon | Slideshow and hero | 2880 x 1620 px | Slideshow, banner, parallax; 16:9; minimum 1600 x 900. |
| District | Slideshow and hero | 1500 x 600 px | All slides identical size (article updated Dec 2020). |
| Loft | Slideshow and hero | 700 x 900 px | "Slideshow with promotions" with the slide next to featured links; above the links use 1920/1480/1280px wide; mobile hero 760 x 1250; double sizes for text-heavy images. Article may describe older Loft versions. |
| Venue | Slideshow and hero | 1400 x 788 px | Minimum, 16:9; mobile image 800 wide. |
| Turbo | Slideshow and hero | 1600 x 1000 px | Slideshow; image with text overlay 1800 x 1000. |
| Flex | Slideshow and hero | 1600 x 1000 px | Slideshow with text; image with text overlay 1800 x 900. |
Symmetry, Showcase, Envy and Capital publish no fixed pixel sizes: their vendors say to upload the largest image you have, or give ratios only.
Vendor pages
- Archetype Themes: image sizes for Impulse, Motion, Expanse and Streamline
- Pixel Union: image sizes for Empire
- We are Underground: image sizes for Icon
- Style Hatch: image sizes for District
- Trailblaze Media: image sizes for Loft
- Safe As Milk: image sizes for Venue
- Out of the Sandbox: image sizes for Turbo
- Out of the Sandbox: image sizes for Flex
Getting it right.
-
Keep text out of the picture
Shopify's help advises against text inside banner and slideshow images. Add the headline in the theme editor, where it stays sharp, reads on phones and can be changed without a new image.
-
Set a focal point
The section crops to its own shape, and differently on phones. A focal point keeps the subject in view; without one, keep it near the middle.
-
Match the height setting
Many free themes offer "Adapt to image", which sizes the section to your picture's ratio. With a fixed height, expect the top and bottom or the sides to be cut.
-
Export once, at full width
A 3840 px wide JPEG covers Dawn's largest request. Shopify makes the smaller copies itself and never enlarges an image, so a narrow file stays soft on a big screen.
Banner size questions.
What size is a Shopify banner?
Shopify sets none; your theme's section decides the shape. In Dawn, a full-width banner requests files up to 3840 px wide. Paid themes give their own figures, such as 2880 x 1620 px for Impulse's hero and slideshow images; the table above lists every vendor's size we found.
Why is my Shopify banner cut off?
The section has a fixed shape, or a different shape on phones, and crops anything that does not match. Choose "Adapt to image" if your theme has it, set a focal point, or crop the image to the section's ratio before uploading.
Can I use a different banner image on phones?
Some themes have a separate mobile image. Impulse suggests 800 x 800 px for phone slides, Empire 600 x 600 px for its medium height, and Icon 800 x 1200 px where it offers a phone image. Dawn uses the same image and crops it.
How big can a banner file be?
Under 20 MB, and stay under 20 MP: Shopify's theme images page says 20 MP while its product and Files pages say 25 MP. Shopify's blog suggests about up to 2 MB, around 500 KB in most cases for most images.
Is a banner the same as a hero image or a slideshow?
They are all wide images at the top of a page. In Shopify themes the section is usually called image banner or slideshow; "hero" is the web design word for the same spot. The slideshow and hero pages in this guide cover what is different about each.
Other image sizes and sources.
- Product image size
- Slideshow image size
- Hero image size
- Logo size
- Favicon size
- Collection image size
- Every Shopify image size
- The image size checker
Check every image before it goes live.
Drop in product photos, banners, logos and favicons together, check each one and save a resized copy.