Los banners son una herramienta de diseño que sirve para dar información importante a tus clientes sobre tu negocio. Ahí podés anunciar promociones, descuentos, medios de envío y medios de pago, entre otros aspectos.
Info
Si necesitás algo de inspiración para crear tus banners, te sugerimos probar la herramienta 🌐Canva, donde podés encontrar modelos de banners muy prácticos.
Existen diferentes 📝tipos de banners de acuerdo con el diseño que elijas.
En este tutorial, te contamos cómo conocer el tamaño adecuado para el banner que quieras crear y te damos un listado con los tamaños recomendados para diferentes elementos de diseño, según cada plantilla.
Pasos para consultar las dimensiones recomendadas
1. Ingresar a Mi Tiendanube > Diseño dentro del Administrador de tu tienda.
2. Hacer clic en "Personalizar el diseño actual".
3. Seguir el camino para llegar al banner o elemento que querés crear, que, en general, es dentro de la sección Página de inicio.
En este ejemplo, vamos a buscar los 📝banners de categorías desde Página de inicio y haciendo clic en Banners de categorías, para que se desplieguen las opciones.
El procedimiento es el mismo para el 📝carrusel de imágenes, los 📝banners con imágenes, y los 📝banners promocionales.
4. Hacer clic en "Cargar imagen".
5. Ahí vas a ver la opción para cargar una imagen desde tu computadora y el tamaño recomendado para ese banner. En este caso, va a ser de 620x715 px, pero varía dependiendo del tipo de banner y plantilla de diseño que estés usando en tu tienda.
¡Listo! 🙌
Ya vas a saber las medidas recomendadas para ese banner. Podés conocer el tamaño para cada caso siguiendo los pasos, según el elemento que quieras.
Lista de tamaños recomendados
Success
Para todas las plantillas de diseño, el tamaño recomendado para el logo es de 575px x 230px y para el favicon es de 130px x 130px.
Haciendo clic en el botón, vas a ver las dimensiones para cada elemento.👇
Carrusel de imágenes
Algunas plantillas de diseño ofrecen la posiblidad de cargar imágenes diferentes para las versiones desktop y mobile. Consultá las recomendaciones para cada versión:
Desktop
| Diseño | Medidas |
| Amazonas | 1580px x 450px |
| Atlántico | 1580px x 740px |
| Bahía e Idea | 1580px x 850px |
| Cubo | 1580px x 600px |
| Focus | 1130px x 500px |
| Lifestyle, Silent y Trend | 1920px x 500px |
| Material | 1400px x 520px |
| Simple | 1400px x 620px |
Mobile
❗Esta opción no está disponible para los diseños Cubo, Focus, Lifestyle, Material ni Silent.
| Diseño | Medidas |
| Amazonas | 400px x 450px |
| Atlántico | 400px x 740px |
| Bahía e Idea | 400px x 850px |
| Trend | 400px x 500px |
| Simple | 500px x 550px |
Banners de categoría
Podés agregar hasta 3 banners de categorías. Las dimensiones de los banners dependen de la cantidad que configures.
1 categoria
| Diseño | Medidas |
| Amazonas | 620px x 715px |
| Atlántico, Simple e Trend | 600px x 600px |
| BahiaBahía | 1440px x 750px |
| Cubo | 620px x 620px |
| Focus y Silent | 700px x 700px |
| Idea | 1400 px x 700 px |
| Material | 770px x 620px |
| Simple | 1400px x 620px |
2 categorías
| Diseño | Medidas |
| Amazonas | 620px x 715px |
| Atlántico, Simple y Trend | 600px x 600px |
| Bahía | 700px x 750px |
| Cubo | 620px x 620px |
| Focus, Idea y Silent | 700px x 700px |
| Material | 770px x 620px |
3 categorías
| Diseño | Medidas |
| Amazonas | 620px x 715px |
| Atlántico, Simple y Trend | 600px x 600px |
| Bahía | 440px x 750px |
| Cubo | 620px x 620px |
| Focus | 700px x 700px |
| Idea | 700px x 340px |
| Material | 770px x 620px |
Warning
El diseño Idea es el único que permite incluir hasta 4 banners de categorías. Para ese caso, las dimensiones recomendadas son 340px x 340px.
Banners promocionales
Podés incluir hasta 3 banners promocionales. Las dimensiones dependen de la cantidad que configures.
1 banner
| Diseño | Medidas |
| Amazonas | 620px x 715px |
| Bahía | 1440px x 750px |
| Cubo | 620px x 235px |
| Lifestyle | 1550px x 200px |
| Material | 1200px x 700px |
| Silent | 1425px x 285px |
| Simple | 600px x 600px |
| Trend | 600px x 900px |
2 banners
| Diseño | Medidas |
| Amazonas | 620px x 715px |
| Bahía | 700px x 750px |
| Cubo | 620px x 235px |
| Lifestyle | 775px x 200px |
| Material | 600px x 700px |
| Simple | 600px x 600px |
| Trend | 600px x 900px |
3 banners
| Diseño | Medidas |
| Amazonas | 620px x 715px |
| Bahía | 440px x 750px |
| Cubo | 620px x 235px |
| Lifestyle | 520px x 200px |
| Simple | 600px x 600px |
| Trend | 600px x 900px |
Módulos de imagen y texto
| Diseño | Medidas |
| Bahía y Simple | 600px x 400px |
| Cubo | 1270px x 300px |
| Focus | 1400px x 500px |
| Lifestyle | 770px x 335px |
| Trend | 1170px x 420px |
Banner con imagen
| Diseño | Medidas |
| Lifestyle | 570px x 330px |
| Material | 1170px x 100px |
| Silent | 435px x 390px |
Pop-up para el Newsletter
| Diseño | Medidas |
| Cubo, Focus, Lifestyle, Material, Silent, Simple y Trend | 280px x 320px |
Ahora podés seguir estos tutoriales para crear banners y adaptarlos a las dimensiones recomendadas, para usarlos en tu Tiendanube:
📝¿Cómo diseñar un banner para mi tienda?
📝¿Cómo adaptar el tamaño de una imagen para usarla como banner usando Canva?