Correcto
¿Cuál es el tamaño de imagen recomendado para un banner?
Elija imágenes de banner nítidas y ligeras, con tamaños adecuados para diseños de ancho completo, móviles y de varias columnas.
Imágenes de ancho completo
Sección titulada «Imágenes de ancho completo»Para banners de ancho completo, use imágenes de 1600–2400 px de ancho a 72 ppp. Elija la altura que mejor se adapte a su diseño y disposición.
Para imágenes de banner específicas para dispositivos móviles, procure que tengan 640–800 px de ancho a 72 ppp. Puede usar imágenes de tan solo 320 px de ancho, pero comenzar con un tamaño ligeramente mayor permite que la imagen se reduzca con mayor nitidez.
Para obtener información sobre la carga de imágenes, consulte la documentación de Shopify sobre cómo cargar imágenes
Para obtener consejos sobre la disposición, consulte la documentación de Company XYZ sobre cómo adaptar banners para ordenadores y dispositivos móviles.
Imágenes de varias columnas
Sección titulada «Imágenes de varias columnas»Para las imágenes que se muestran dentro de una sección de varias columnas, haga que la imagen sea aproximadamente 1,5–2 veces más ancha que su ancho medio de visualización.
Por ejemplo, si una disposición de dos columnas utiliza un ancho completo medio de aproximadamente 1600 px, cada columna tendrá unos 800 px de ancho. Una imagen de unos 800 px de ancho es un buen punto de partida; no pasa nada si redondea ligeramente hacia arriba.
Encontrar el mejor tamaño puede requerir varias pruebas. Compruebe la disposición en varios dispositivos y ajústela hasta que la imagen se vea bien.
Optimice los archivos de imagen
Sección titulada «Optimice los archivos de imagen»Evite utilizar archivos de imagen innecesariamente grandes. Las dimensiones excesivas y los archivos pesados pueden ralentizar su sitio y afectar al SEO.
Los temas cambian automáticamente el tamaño de las imágenes para dispositivos móviles, pero comprimirlas antes de cargarlas ayuda a mantenerlas ligeras. tinypng.com es una herramienta gratuita y sencilla para comprimir imágenes.
Para obtener orientación más amplia, consulte la documentación de Shopify sobre cómo mejorar el rendimiento de su tienda online