Banner de promoção

flexível

Banner promocional

1200

1200×400 Formato horizontal 3:1

É uma faixa promocional dentro do site. Use 1200×400, pesando cerca de 150 KB, assim fica bem e carrega rápido.

Esta medida é flexível: o que importa é a forma (o ratio), não o número exato.

Solte uma imagem aqui

ou escolha um arquivo para compará-lo com esta medida

Comprimir para esta medida

Veja esta foto em todo lugar

Para quem monta o site

3:1 (1200×400 desktop, 360×120 mobile) é convenção da Shopify, não universal. A Squarespace pede 1500–2500 px de largura para banners full-width. O que importa: ratio consistente e conteúdo crítico centralizado.

Ratio: 3:1
Desktop: 1200×400
Mobile: 360×120
Faixa: 1200–2500px
Peso alvo: ~150 KB
Formato: 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>

Documentação oficial: Squarespace (abre em outra aba) Guias: Shopify (abre em outra aba)