- Short answer
- Match your theme's card ratio (such as square or 4:5), under 20 MB and within 20 MP; Shopify help pages we checked recommend no collection size.
- Collection page
- Dawn keeps the image off until you switch it on. Version 15.2 and older advise 16:9; newer name no shape.
- Card shapes
- Horizon adds Landscape 16:9 on the card's Image block; Dawn's setting is Image ratio.
- 20 or 25 MP
- Product media page: collection images up to 25 MP; theme-image page: uploads capped at 20. Stay within 20.
What shape should a collection image be?
Find your row, pick a shape and crop to it; Auto or Adapt to image keeps the file's own.
| Where | Setting | Shapes | As shipped |
|---|---|---|---|
| Horizon collection cards | Aspect ratio (adjusted in some layouts) | Auto (the file's own), Portrait 4:5, Square 1:1, Landscape 16:9 | Auto |
| Dawn Collection list section | Image ratio | Adapt to image (the file's own), Portrait 4:5, Square 1:1 | Square (when added) |
| Dawn Collections list page | Image ratio | Same | Square |
| Dawn banner, 15.2 and older | Show collection image | Editor advises 16:9; cropped too | Off |
| Dawn banner, 15.3 and newer | Image | Cropped to the banner's box; no hint | Off |
Shopify theme code read November 5, 2026: Dawn 16.1.1, older banner tags, untagged Horizon main.
The Shopify pages we read on November 5, 2026 (collection layout, creating collections, theme images, product media, social thumbnails, Files, the blog's image-size guide) recommend no collection image size or ratio.
The theme-image page says the best dimensions depend on theme and version, so check your theme's documentation.
How do you set the shape and the image?
Dawn's collection page hides the image until you enable it in the Collection banner section. With the editor's hint (15.2 and older), crop to 16:9; 15.3 and newer name no shape. Either way, the file is cropped to the banner's box.
- Online Store
- Themes
- Theme editor
In Horizon's code, the default collection template omits the image, so a missing one there isn't a file problem; we didn't test adding a block.
For cards, Horizon's setting is Aspect ratio, on the Collection list template under Collection card > Image; Dawn's is Image ratio, in the two list sections above.
- Online Store
- Themes
- Theme editor
- Online Store
- Themes
- Theme editor
No image yet: click Add image beside the collection title. Otherwise, per Shopify's steps, hover over the image, open its menu, click Change image, select a file, then Done and Save.
- Products
- Collections
How large can the file be?
Shopify's product media page allows collection images up to 5000 x 5000 px, or 25 megapixels, under 20 MB; the theme-image page caps uploads at 20 MB and 20 megapixels.
Stay within 20 megapixels and under 20 MB to pass both. Shopify's upload troubleshooting rules out WebP for collection images.
For wide-banner widths and phone cropping, see what size a Shopify banner image should be.
This page was written by AI. Separate AI agents that did not write it check its figures and claims against official sources and test its links and interactive tools. A human editor sets the site's editorial direction, topics and rules and checks that pages are complete and display correctly, but does not check their facts or edit their text. Details may change — always confirm critical data at shopify.com.
Editorial Policy