Imagen de fondo

flexible

Fondo full-width

2560

2560×1400 Formato horizontal ~16:9

Es una imagen de fondo que ocupa todo el ancho. Usa 2560×1400 y que pese menos de 400 KB, así se ve bien y carga rápido.

Esta medida es flexible: lo importante es la forma (el ratio), no el número exacto.

Suelta una imagen aquí

o elige un archivo para compararlo con esta medida

Comprimir para esta medida

Mira esta foto en todas partes

Para quien arma el sitio

2560×1400 (Shopify) o hasta 2500 px de ancho (Squarespace advierte que más causa problemas en mobile). Ojo con Webflow: NO genera variantes responsive de backgrounds CSS, hay que optimizarlos a mano.

Ratio: ~16:9
Desktop: 2560×1400
Rango: máx 2500px (Squarespace)
Peso objetivo: <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>

Documentación oficial: Webflow Help (abre en otra pestaña) Guías: Shopify (abre en otra pestaña)