Shopify banner sizes: the honest answer is 'your theme decides'
There is no single Shopify banner size. How to find YOUR theme's dimensions in two minutes, the safe defaults that survive cropping, and animated banner options.
The uncomfortable truth behind every Shopify banner size chart: there is no single correct size, because the banner slot belongs to your theme, and themes crop differently, at different breakpoints, with different overlay behavior. The sizes floating around, 1920 by 1080, 1800 by 1000, 2000 by 800, are all real defaults of some theme. The two-minute method below beats any chart.
Find your theme's real dimensions
Open your store, right-click the current banner image, open it in a new tab, and read the actual dimensions the theme served; then check the theme editor's image-slot help text, which most quality themes provide. Test at three widths, desktop, tablet, phone, because the same image crops to a different shape at each, and Shopify's focal-point setting decides what survives the crop.
The safe-default rules that survive any theme
- Go wide and oversized: around 2000 pixels wide covers retina desktop; the theme scales down.
- Design center-weighted. Edges crop first at every breakpoint; product and message live in the middle 60 percent, the same safe-zone thinking as vertical video, applied horizontally.
- Text belongs to the theme, not the image. Baked-in text crops, scales illegibly on mobile, and cannot localize; use the theme's overlay text fields and keep the image clean.
- Compress hard: the hero banner is your LCP element, and Core Web Vitals punish a 3MB hero. WebP under about 300KB is the working target.
Motion in the banner slot: video and animated banners
Most modern themes offer a video-banner section, muted, looping, autoplaying, which follows the ambient-loop craft: calm motion, no hard cuts, designed loop point, the worship-loop rules in commercial clothing. Where themes only take images, an animated feel comes from the announcement bar and in-page animated banners instead. Either way the brand rule holds: a stock loop under your logo is someone else's store; motion in your exact palette is yours, which is what a brand-kit-driven engine renders per-campaign instead of per-designer-hour. Shopify surfaces are part of our integration roadmap alongside Klaviyo; merchants on the waitlist below steer the order.