Banner de promoción

flexible

Banner promocional

1200

1200×400 Formato horizontal 3:1

Es una franja promocional dentro del sitio. Usa 1200×400 y que pese cerca de 150 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

3:1 (1200×400 desktop, 360×120 mobile) es convención de Shopify, no universal. Squarespace pide 1500–2500 px de ancho para banners full-width. Lo que importa: ratio consistente y contenido crítico centrado.

Ratio: 3:1
Desktop: 1200×400
Mobile: 360×120
Rango: 1200–2500px
Peso objetivo: ~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>

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