¿Cuál es el tamaño de las imágenes para mi tienda?

La documentación para los temas de no descontinuados está disponible en estos links: Configurando las secciones principales de un tema and Componentes de temas.

Recomendaciones Generales

Agregar las imágenes de tus productos a tu tienda es fundamental para tus ventas, por eso te queremos ayudar a subirlas en un tamaño adecuado según el diseño que hayas elegido.

• Para cada producto puedes agregar tantas imágenes como sea necesario (con un peso máximo: 2 MB).
• El formato de las imágenes para todos los temas es JPG o PNG.
• Los tamaños indicados a continuación están en pixeles y se expresán en Ancho x Alto (ejemplo: 700 x 400 px).
• Para las imágenes de los productos, independiente del tamaño, se recomienda mantener el producto en el centro de la imagen dejando algún espacio extra para los ajustes que pueda hacer el sistema para la visualización en diferentes dispositivos como tablet o teléfonos móviles.

---

Natural

Tamaños recomendados para Natural:

• Homepage slider: 1920 x 1000 px
• Productos: 1920 x 1450 px
• Imagen de categoría: 1920 x 550 px
• Imagen cabecera por defecto: 1920 x 550 px
• Blog: 1920 x 1450 px
• Logo de la Tienda - cabecera: ancho: 100px a 310px y alto: 100px a 150px
• Logo de la Tienda - footer: ancho: 100px a 310px y alto: 100px a 150px

Tamaños recomendados para componentes:

• Componente Slider
  • Tamaño de imagen (escritorio): 1920 x 1000 px o altura proporcional según como quieras mostrarlos.
  • Tamaño de imagen (móvil): 575 x 450 px o altura proporcional según como quieras mostrarlos.
• Componente Banner
  • Tamaño de imagen (escritorio y móvil): 400 x 400 px ó altura proporcional según como quieras mostrarlos.
• Componente Banner Grande
  • Tamaño de imagen: Recomendamos un mínimo de 1100px de ancho. Altura proporcional según como quieras mostrarlos.
• Componente Imagen con Texto
  • Tamaño de imagen: Recomendamos un mínimo de 750px de ancho. Altura proporcional según como quieras mostrarlos.
• Componente Testimonios
  • Tamaño de imagen: 50 x 50 px.

---

Bundle

Tamaños recomendados para Bundle:

• Productos: 1120 x 1265 px
• Blog: 580 x 415 px
• Categoría: 1290 x 160 px
• Logo de la Tienda: alto: 100px y ancho: 100px a 350px

Tamaños recomendados para componentes:

• Componente Slider
  • Tamaño de imagen (escritorio): 1200 x 450 px o altura proporcional según como quieras mostrarlos.
  • Tamaño de imagen (móvil): 760 x 450 px o altura proporcional según como quieras mostrarlos.
• Componente Banner
  • Tamaño de imagen (escritorio): 510 x 315 px o altura proporcional según como quieras mostrarlos.
  • Tamaño de imagen (móvil): 750 x 400 px o altura proporcional según como quieras mostrarlos.
• Componente Banner Grande
  • Tamaño de imagen: Recomendamos un mínimo de 1200px de ancho. Altura proporcional según como quieras mostrarlos.
• Componente Imagen con Texto
  • Tamaño de imagen: 580 x 580 px o altura proporcional según como quieras mostrarlos.
• Componente Slider de Marcas
  • Tamaño de imagen: Recomendamos un máximo de 190 x 190 px.
• Componente Testimonios
  • Tamaño de imagen: 50 x 50 px.

---

Vintage

Tamaños recomendados para Vintage:

• Productos: 1140 x 1530 px
• Slider Home: 1600 x 500 px
• Banner Home: 770 x 280 px
• Blog: 700 x 392 px
• Logo de la Tienda: alto: 100px y ancho: 150px a 200px

---

Premium

Tamaños recomendados para Premium:

• Productos: 1320 x 900 px
• Slider Home: Utiliza la foto de los productos destacados
• Blog: 900 x 250 px
• Logo de la Tienda: alto: 100px y ancho: 100px a 500px

---

Megami

Tamaños recomendados para Megami:

• Productos: 2000 x 2200 px
• Slider Home: 1900 x 600 px
• Blog: 750 x 500 px
• Categoría: 2280 x 1000 px
• Partner Logos: 260 x 200 px
• Logo de la Tienda: alto: 75px y ancho: 75px a 300px

Tamaños recomendados para componentes:

• Componente Slider
  • Tamaño de imagen (escritorio): 1900 x 600 px.
• Componente Banner
  • Tamaño de imagen (escritorio): 750 x 400 px o altura proporcional según como quieras mostrarlos.
  • Tamaño de imagen (móvil): 575 x 300 px o altura proporcional según como quieras mostrarlos.
• Componente Banner Grande
  • Tamaño de imagen: Recomendamos un mínimo de 1140px de ancho. Altura proporcional según como quieras mostrarlos.
• Componente Imagen con Texto
  • Tamaño de imagen: 560 x 370 px.
• Componente Testimonios
  • Tamaño de imagen: 50 x 50 px.

---

Astrid

Tamaños recomendados para Astrid:

• Productos: 940 x 1290 px
• Blog: 1245 x 748 px
• Categoría: 1290 x 160 px
• Logo de la Tienda: alto: 50px a 200px y ancho: 150px a 300px
• Logo de la Tienda - cabecera: ancho: 50 x 50 px
• Logo de la Tienda - footer: ancho: 100px a 250px y alto: 100px a 200px

Tamaños recomendados para componentes:

• Componente Slider
  • Tamaño de imagen (escritorio): 1900 x 750 px o altura proporcional según como quieras mostrarlos.
  • Tamaño de imagen (móvil): 760 x 450 px o altura proporcional según como quieras mostrarlos.
• Componente Banner
  • Tamaño de imagen (escritorio): 790 x 420 px o altura proporcional según como quieras mostrarlos.
  • Tamaño de imagen (móvil): 575 x 300 px o altura proporcional según como quieras mostrarlos.
• Componente Banner Grande
  • Tamaño de imagen: Recomendamos un mínimo de 1200px de ancho. Altura proporcional según como quieras mostrarlos.
• Componente Imagen con Texto
  • Tamaño de imagen: 750 x 600 px o altura proporcional según como quieras mostrarlos.
• Componente Testimonios
  • Tamaño de imagen: 50 x 50 px.

---

Bootstrap

Tamaños recomendados para Bootstrap:

• Productos: 1080 x 1350 px
• Imagen de categoría: 2220 x 600 px
• Blog: 1100 x 560 px
• Logo de la Tienda: alto: 50px y ancho: 150px a 300px

Tamaños recomendados para componentes:

• Componente Slider
  • Tamaño de imagen (escritorio): 1900 x 600 px o altura proporcional según como quieras mostrarlos.
  • Tamaño de imagen (móvil): 760 x 450 px o altura proporcional según como quieras mostrarlos.
• Componente Banner
  • Tamaño de imagen (escritorio): 510 x 360 px o altura proporcional según como quieras mostrarlos.
  • Tamaño de imagen (móvil): 575 x 300 px o altura proporcional según como quieras mostrarlos.
• Componente Banner Grande
  • Tamaño de imagen: Recomendamos un mínimo de 1900px de ancho. Altura proporcional según como quieras mostrarlos.
• Componente Imagen con Texto
  • Tamaño de imagen: 450 x 450 px o altura proporcional según como quieras mostrarlos.
• Componente Testimonios
  • Tamaño de imagen: 50 x 50 px.

---

Cupcakes

Tamaños recomendados para Cupcakes:

• Productos: 1200 x 1200 px
• Blog: 970 x 540 px
• Logo de la Tienda: alto: 75px y ancho: 80px a 300px

Tamaños recomendados para componentes:

• Componente Slider
  • Tamaño de imagen (escritorio): 970 x 500 px o altura proporcional según como quieras mostrarlos.
  • Tamaño de imagen (móvil): 575 x 450 px o altura proporcional según como quieras mostrarlos.
• Componente Banner
  • Tamaño de imagen (escritorio): 470 x 300 px o altura proporcional según como quieras mostrarlos.
  • Tamaño de imagen (móvil): 720 x 460 px o altura proporcional según como quieras mostrarlos.
• Componente Banner Grande
  • Tamaño de imagen: Recomendamos un mínimo de 1000px de ancho. Altura proporcional según como quieras mostrarlos.
• Componente Imagen con Texto
  • Tamaño de imagen: 470 x 300 px o altura proporcional según como quieras mostrarlos.
• Componente Testimonios
  • Tamaño de imagen: 50 x 50 px.

---

Core

Tamaños recomendados para Core:

• Productos: 1800 x 1200 px (dejar el producto centrado)
• Slider Home: 900 x 320 px
• Blog: 900 x 570 px
• Logo de la Tienda: alto: 100px y ancho: 100px a 300px

---

Wide

• Productos: 1200 x 1200 px.
• Blog: Mínimo de 1024px de ancho. Altura proporcional según como quieras mostrarlos.
• Categoría: Mínimo de 1024px de ancho. Altura proporcional según como quieras mostrarlos.
• Logo de la Tienda: alto: 100px a 200px y ancho: 100px a 500px.
• Pop Up Imagen: ancho: 300px a 1140px. Altura proporcional según como quieras mostrarlos.

Tamaños recomendados para componentes:

• Componente Slider
  • Tamaño de imagen (escritorio): 1440 x 780 px o altura proporcional según como quieras mostrarlos.
  • Tamaño de imagen (móvil): 575 x 450 px o altura proporcional según como quieras mostrarlos.
• Componente Banner
  • Tamaño de imagen (escritorio y móvil): 760 x 440 px o altura proporcional según como quieras mostrarlos.
• Componente Banner Grande
  • Tamaño de imagen: Recomendamos un mínimo de 1440px de ancho. Altura proporcional según como quieras mostrarlos.
• Componente Imagen con Texto
  • Tamaño de imagen (escritorio y móvil): Recomendamos un mínimo de 750px de ancho. Altura proporcional según como quieras mostrarlos.
• Componente Slider de Logos
  • Tamaño de imagen: Recomendamos un máximo de 150px de ancho. Altura proporcional según como quieras mostrarlos.
• Componente Testimonios
  • Tamaño de imagen: 50 x 50 px.

---

Apparel

• Imágenes de productos: 1210 x 1210 px.
• Logo de la tienda: se mostrará con una altura máxima de 50 px y un ancho proporcional.
• Logo del carrito (proceso de compra): se mostrará con una altura mínima de 10px y una altura máxima de 120px.
• Logo de éxito (proceso de compra): se mostrará con una altura mínima de 10px y una altura máxima de 120px.
• Imagen de categoría: Recomendamos un mínimo de 1024 x 150 px.
• Encabezado: hay diferentes tipos de imágenes en el encabezado:
  • Logo del encabezado: Recomendamos un ancho máximo de 150px y una altura de 10 a 120 px.
  • Logo del encabezado para dispositivos móviles: Recomendamos un ancho máximo de 120px y una altura de 10 a 120 px.
  • Logo del pie de página: Recomendamos un ancho máximo de 250px y una altura de 10 a 120 px.
• Menú móvil (logo): Recomendamos un ancho máximo de 250px y una altura de 10 a 120 px.
• Mensaje de la tienda (logo): Recomendamos un ancho máximo de 1300px. Altura proporcional dependiendo de como quieras mostrarlo.
• Páginas del cliente - Formularios (logo): hay diferentes tipos de imágenes en el encabezado:
  • Logo de la página: Recomendamos un ancho máximo de 250px y una altura de 10 a 120 px.
  • Sección izquierda (móvil): Recomendamos un ancho máximo de 575px y una altura mínima de 500px.
  • Sección izquierda (escritorio): Recomendamos un ancho mínimo de 1400px y una altura mínima de 768px.

Tamaños recomendados para componentes:

• Componente Slider
  • Tamaño de imagen (escritorio): 1600 x 600 px o altura proporcional dependiendo de como quieras mostrarlo.
  • Tamaño de imagen (móvil): 575 x 400 px o altura proporcional dependiendo de como quieras mostrarlo.
• Componente Banner
  • Tamaño de imagen (escritorio): Recomendamos un ancho mínimo de 640px. Altura proporcional dependiendo de como quieras mostrarlo.
  • Tamaño de imagen (móvil): Recomendamos un ancho máximo de 575px. Altura proporcional dependiendo de como quieras mostrarlo.
• Componente Acordeón
  • Tamaño de imagen: Recomendamos un ancho mínimo de 520px. Altura proporcional dependiendo de como quieras mostrarlo.
• Componente Collage
  • Tamaño de imagen (escritorio): 1000 x 900 px o altura proporcional dependiendo de como quieras mostrarlo.
  • Tamaño de imagen (móvil): 575 x 500 px o altura proporcional dependiendo de como quieras mostrarlo.
• Componente Colección
  • Tamaño de imagen (escritorio): 800 x 1200 px o altura proporcional dependiendo de como quieras mostrarlo.
  • Tamaño de imagen (móvil): 767 x 180 px o altura proporcional dependiendo de como quieras mostrarlo.
• Componente Contenido Flexible
  • Tamaño de imagen (escritorio): Recomendamos un ancho mínimo de 750px y una altura de 430px o altura proporcional dependiendo de como quieras mostrarlo.
  • Tamaño de imagen (móvil): Recomendamos un ancho mínimo de 552px y una altura de 340px o altura proporcional dependiendo de como quieras mostrarlo.
• Componente Galería
  • Tamaño de imagen del deslizador: Recomendamos un ancho máximo de 700px. La altura del deslizador se adaptará a la altura de los banners.
  • Tamaño de imagen del banner (escritorio): 600 x 300 px o altura proporcional dependiendo de como quieras mostrarlo.
  • Tamaño de imagen del banner (móvil): 750 x 460 px o altura proporcional dependiendo de como quieras mostrarlo.
• Componente Lookbook
  • Tamaño de imagen (escritorio): Recomendamos un ancho mínimo de 700px. Altura proporcional dependiendo de como quieras mostrarlo.
  • Tamaño de imagen (móvil): Recomendamos un ancho máximo de 575px. Altura proporcional dependiendo de como quieras mostrarlo.
• Componente Carrusel de Logos
  • Tamaño de imagen: Recomendamos un ancho máximo de 200px. Altura proporcional dependiendo de como quieras mostrarlo.
• Componente Pop Up
  • Tamaño de imagen: Recomendamos un ancho máximo de 500px. Altura proporcional dependiendo de como quieras mostrarlo.
• Componente Testimonios
  • Tamaño de imagen: 50 x 50 px.