Imagem de fundo

flexível

Fundo full-width

2560

2560×1400 Formato horizontal ~16:9

É uma imagem de fundo que ocupa toda a largura. Use 2560×1400, pesando menos de 400 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

2560×1400 (Shopify) ou até 2500 px de largura (a Squarespace avisa que mais causa problemas no mobile). Atenção no Webflow: ele NÃO gera variantes responsivas de backgrounds CSS, otimize à mão.

Ratio: ~16:9
Desktop: 2560×1400
Faixa: máx 2500px (Squarespace)
Peso alvo: <400 KB
Formato: WebP

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

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