Promo banner

flexible

Promo banner

1200

1200×400 Horizontal format 3:1

This is a promotional strip inside the site. Use 1200×400, weighing about 150 KB, so it looks right and loads fast.

This size is flexible: what matters is the shape (the ratio), not the exact number.

Drop an image here

or pick a file to compare it with this size

Compress for this size

See this photo everywhere

For whoever builds the site

3:1 (1200×400 desktop, 360×120 mobile) is a Shopify convention, not universal. Squarespace asks for 1500–2500 px width on full-width banners. What matters: consistent ratio and centered critical content.

Ratio: 3:1
Desktop: 1200×400
Mobile: 360×120
Range: 1200–2500px
Target weight: ~150 KB
Format: WebP

<picture>
  <source type="image/webp"
    srcset="/images/banner-600.webp 600w,
            /images/banner-1200.webp 1200w"
    sizes="(max-width: 768px) 100vw, 600px">
  <img
    src="/images/banner-600.jpg"
    srcset="/images/banner-600.jpg 600w,
            /images/banner-1200.jpg 1200w"
    sizes="(max-width: 768px) 100vw, 600px"
    width="1200" height="400"
    loading="lazy" decoding="async"
    alt="">
</picture>

Official docs: Squarespace (opens in a new tab) Guides: Shopify (opens in a new tab)