No existe un único tamaño de banner en Shopify
Shopify no fija un único tamaño de banner para todas las tiendas. Cada tema decide cómo se muestran las imágenes de portada, los carruseles y los banners de imagen, y muchos temas te permiten elegir la altura de la sección, como pequeña, mediana, grande o adaptada a la imagen. Por eso los tamaños de esta página son puntos de partida prácticos y no reglas fijas.
En la mayoría de temas, una portada o banner de imagen de entre 1920 y 2000 px de ancho se ve nítida en pantallas grandes. Una imagen 16:9 (1920 × 1080 px) encaja en secciones de portada altas, mientras que una más ancha de 2000 × 800 px encaja en carruseles y banners más bajos. Las franjas de anuncios o promociones suelen rondar los 1200 × 400 px.
Cómo recortan los temas los banners en el móvil
Un banner ancho en un móvil se reduce hasta quedar muy bajo o se recorta a una forma más alta para que siga llenando la pantalla. Lo que ocurra depende del tema y de la configuración de la sección. En ambos casos, los bordes izquierdo y derecho son lo que más probablemente desaparece, así que coloca productos, caras y texto cerca del centro.
Algunos temas, como Dawn, te permiten subir una imagen distinta para el móvil. Si el tuyo lo permite, exporta una segunda versión más alta de la misma foto, por ejemplo un recorte 4:5 o cuadrado, para que el banner móvil esté encuadrado a propósito y no recortado automáticamente.
Texto en los banners
La mayoría de temas de Shopify te permiten añadir un título y un botón sobre el banner desde el editor del tema. Usar ese texto en lugar de escribir las palabras dentro de la imagen las mantiene nítidas en cualquier pantalla, permite que los buscadores y los lectores de pantalla las lean y te deja cambiar un mensaje de rebajas sin volver a editar la imagen.
Si superpones texto desde el tema, elige una foto con una zona de color tranquila donde vaya el texto y usa la opción de superposición u opacidad del tema para mantener suficiente contraste.
Mantener los banners ligeros
El banner suele ser la imagen más grande de la página de inicio y una de las primeras en cargarse, así que su peso influye en lo rápido que aparece la página. Exporta los banners fotográficos en JPG con calidad del 80–90%. Un banner de 1920 px bien preparado suele pesar unos cientos de kilobytes, mucho menos que un original de cámara sin tocar.