What are Shopify banner image specs?

Typically 1920 px wide minimum for full-width sections. Height varies by theme (600–2160 px). See spoke guides above for PC, hero, and Dawn.

Where do I change banner images on Shopify?

Theme Customize for homepage sections. Collections for collection hero images.

Does Shopify compress banner images?

CDN optimizes delivery. Start with a sharp, right-sized export. Compression hub focuses on product media.

Can Pixly optimize my Shopify banners?

No. Pixly syncs product catalog images. Banners are edited in the theme editor or collection image field.

What format for Shopify banners?

JPEG or WebP at high quality for photos. PNG for flat graphics with text.

← Back to Blog

May 26, 2026 · Matteo

Shopify Image Banner Specs (2026 Guide)

Homepage heroes, slideshows, and collection headers use wide banners, not square product specs. Shopify image banner specs vary by theme, but merchants can follow consistent export rules.

This is the hub for banner and theme media sizes. Pixly does not edit theme banners. It optimizes product catalog media.

Quick reads on related searches

Shopify banner size PC (desktop width targets)
Shopify main banner size (primary homepage banner)
Shopify hero banner size (hero sections)
Dawn theme banner size (Dawn-specific)

Product photo specs (separate): Shopify image size guidelines.

Banner specs at a glance

Banner type	Typical dimensions	Aspect	Where edited
Homepage hero	1920 × 800 to 3840 × 2160 px	Wide	Theme → Customize
Slideshow slide	1920 × 600 to 1920 × 1080 px	Wide	Theme → Customize
Collection hero	1920 × 600 to 1920 × 1080 px	Wide	Collections → Image
Image with text section	1920 × 800+ px	Wide	Theme → Customize
Product media	2000 × 2000 px	1:1 square	Products → Media

Always confirm in your theme documentation. Shopify Help on theme images is the authority for theme settings.

Export rules for sharp banners

Width first. Full-width sections need at least 1920 px width; retina themes benefit from 2560–3840 px for heroes.
Compress before upload. Target under 300–500 KB per slide when possible without visible banding.
Text in images. Export at 2× display size or use theme text blocks instead of baking text into JPEG. See image with text blurry.
Consistent aspect ratio across slideshow slides to avoid layout jump.
Alt text in theme image blocks for accessibility.

How to upload banner images

Online Store → Themes → Customize.
Select Image banner, Slideshow, or Hero section.
Select image → upload from Files or computer.
Set alt text, overlay, mobile layout.
Save → test mobile preview.

Collection banners: Products → Collections → Image field.

Product images vs banners

Merchants often confuse banner specs with product uploads. Product grids need square 2000 px masters. Banners need wide exports. Pixly handles product media only.

Homepage walkthrough: how to add an image to Shopify homepage.

Got questions?

Frequently asked

Bottom line

Shopify image banner specs depend on theme section type. Use wide exports for heroes and slideshows, square specs for products. This hub links the short guides for each banner keyword.

For catalog SEO and WebP on products: Install Pixly on Shopify.

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.

Install on Shopify View pricing