May 26, 2026 · Matteo
Shopify Collection Image Size (2026 Guide)
Shopify collection image size refers to the wide hero image on a collection page, not the square product thumbnails in the grid below.
Short size guide. Product specs: Shopify image size guidelines. Banner hub: Shopify image banner specs.
Collection hero vs product thumbnails
| Asset | Typical size | Where edited |
|---|---|---|
| Collection hero | 1920 × 600 to 1920 × 1080 px wide | Products → Collections → Image |
| Product tile | 2000 × 2000 px square | Products → Media |
Pixly optimizes product media, not collection hero banners.
Common collection hero dimensions
| Theme style | Suggested export |
|---|---|
| Wide banner | 1920 × 600 px |
| Taller hero | 1920 × 800 px |
| Full-bleed | 1920 × 1080 px |
Check your theme documentation. Dawn and derivatives vary by section.
Upload steps
- Products → Collections → open collection.
- Image → upload or replace.
- Add alt text describing the collection.
- Save → preview mobile crop.
Blurry heroes: collection images blurry.
Got questions?
Frequently asked
Bottom line
Shopify collection image size for heroes is theme-dependent wide art. Product grid sharpness comes from square product uploads. Full banner tables: banner specs hub.
Written by Matteo, founder of Pixly. Questions? hello@getpixly.app
Pixly for Shopify
Bulk alt text, WebP, and 1:1 crops synced to Shopify
Review every image before sync. Start free with 69 tokens per month. No credit card needed.
More from Pixly
- How Pixly works — upload, AI analysis, review, Shopify sync
- Features — Store Audit, Auto-Pilot, WebP, alt text
- Pricing — start free with 69 tokens per month
- Shopify image size guidelines (2026 Guide)
- Shopify Image Banner Specs (2026 Guide)
- Shopify Collection Images Blurry (2026 Guide)