¿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.

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.