Imagen principal de la portada

flexible

Hero

1920

1920×1080 Formato horizontal 16:9

Es la imagen grande de arriba de tu página. Usa 1920×1080 y que pese menos de 300 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

1920×1080 es costumbre, no requisito. Cualquier ancho entre 1280 y 2560 con buen srcset sirve; el alto es decisión de diseño. Para mobile, versión propia (~750×422, servida a 2x). Lo crítico va en el 70–80% central: el recorte por viewport es normal.

Ratio: 16:9
Desktop: 1920×1080
Mobile: 750×422
Rango: 1280–2560px
Peso objetivo: <300 KB
Formato: WebP

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

Guías: Shopify (abre en otra pestaña) Crazy Egg (abre en otra pestaña) Squarespace (abre en otra pestaña)