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

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

---

Mega

Tamaños recomendados para Mega:

• Slider del home: 730x460px
• Banners del home: 510x312px
• Categorías destacadas en el home: 510x370px
• Enlaces rápidos de la portada: 250x250px
• Slider de marcas en la portada: 130x130px
• Imágenes de productos: 1080x1080px
• Imagen de categoría: 1100x500px
• Imagen del Blog: 1100x500px
• Logo de la tienda: Ancho máximo: 200px * Alto: proporcional al ancho

---

Industrial

Tamaños recomendados para Industrial:

• Homepage slider: 1920x900px
• Homepage category banners: 350x300px
• Productos: 1080x1200px
• Imagen de categoría: 2220x600px
• Blog: 900x450px
• Logo de la Tienda - cabecera: ancho: 100px a 300px * alto: 70px
• Logo de la Tienda - footer: ancho: 100px a 255px * alto: 100px a 200px

---

Natural

Tamaños recomendados para Natural:

• Homepage slider: 1920x980px
• Homepage banners: 400x515px
• Productos: 1920x1450px
• Category image: 1920x550px
• Blog: 1920x1450px
• Logo de la Tienda - cabecera: ancho: 100px a 310px * alto: 100px a 150px
• Logo de la Tienda - footer: ancho: 100px a 310px * alto: 100px a 150px

---

Extravagance

Tamaños recomendados para Extravagance:

• Slider: 1900x600px
• Slider Múltiple (con 3 imágenes): 700x800px
• Banners: Imagen Escritorio: 600x350px / Imagen Móvil (Opcional*): 575x400px
• Banner Grande: Imagen Escritorio: 1110x500px / Imagen Móvil (Opcional*): 575x480px
• Productos: 1500x1900px
• Blog: 800x500px
• Slider de marcas: 400x250px
• Fondo de pie de página: 1900x600px
• Logo de la Tienda: Alto: 100px / Ancho: 100px a 400px

(*)Las imágenes para dispositivos móviles son opcionales, si quisieras que en la versión móvil tuviera proporciones distintas a la versión de escritorio, esta es una buena opción.

---

Kickstart

Tamaños recomendados para Kickstart:

• Productos: 1080x1080px
• Imagen del Slide: 510x465px
• Background del Slide : 1900x728px
• Blog: 1400x550px
• Destacado: 90x90px
• Especificaciones del producto: 460x460px (png)
• Logos en Testimonios : 150x150px
• Logo de la Tienda: alto: 100px * ancho: 100px a 300px
• Banner de Categoría: 1200x300px

---

Kids

Tamaños recomendados para Kids:

• Productos: 960x750px
• Home Slider: 1900x700px
• Blog: 900x450px
• Banner Pequeño: 1200x700px
• Banner Largo: 1480x410px
• Nuestras Marcas: 300x300px
• Logo de la Tienda: alto: 100px * ancho: 100px to 200px
• Fondo de la Cabecera por Defecto: 1920x580px
• Fondo de la Cabecera en las Categorías: 1920x580px

---

Simple

Tamaños recomendados para Simple:

• Productos: 1280x1280px
• Home Slider: 1905x800px
• Blog: 610x400px
• Banners Home: 240x240px
• Categoría: 1140x300px
• Logo de la Tienda: Alto: hasta 150px * Ancho: hasta 300px

---

Influence

Tamaños recomendados para Influence:

• Productos: 1140x1520px
• Slider Home: 1170x500px
• Blog: 1100x560px
• Categoría: 500x200px
• Logo de la Tienda: alto: 100px a 150px * ancho: 100px a 500px

Tamaños recomendados para componentes:

• Componente Slider
  • Tamaño para escritorio: 1170px (ancho) x 500px (alto).
  • Tamaño para móvil: 760px (ancho) x 450px (alto).
• Componente Banner
  • Tamaño del banner (escritorio y móvil): 760px (ancho) x 440px (alto).
• Componente Banner Grande
  • Tamaño de imagen: Recomendamos un mínimo de 1170px de ancho. Altura proporcional según como quieras mostrarlos.
• Componente Imagen con Texto
  • Tamaño de imagen (escritorio y móvil): 750px (ancho) x 500px (alto).
• Componente Slider de Logos
  • Tamaños de logo: Recomendamos un máximo de 150px de ancho. Altura proporcional según como quieras mostrarlos.
• Componente Testimonios
  • Imagen de autor: 50px (ancho) x 50px (alto).

---

Bundle

Tamaños recomendados para Bundle:

• Productos: 1120x1265px
• Slider Home: 1290x480px
• Blog: 580x415px
• Categoría: 1290x160px
• Logo de la Tienda: alto: 100px * ancho: 100px a 350px

---

Vintage

Tamaños recomendados para Vintage:

• Productos: 1140x1530px
• Slider Home: 1600x500px
• Banner Home: 770x280px
• Blog: 700x392px
• Logo de la Tienda: alto: 100px * ancho: 150px a 200px

---

Modern

Tamaños recomendados para Modern:

• Productos: 720x920px
• Slider Home: 1900x800px
• Blog: 720x500px
• Logo de la Tienda: alto: 75px * ancho: 75px a 120px

En Modern se tienes la opción de una imagen fija en el home (Background Image) o un Slider.
Puedes cambiarlo en Opciones del Tema.

Tamaños recomendados para componentes:

• Componente Slider
  • Tamaño para escritorio: 1900px (ancho) x 600px (alto).
  • Tamaño para móvil: 760px (ancho) x 450px (alto).
• Componente Banner
  • Tamaño del banner (escritorio y móvil): 760px (ancho) x 440px (alto).
• Componente Banner Grande
  • Tamaño de imagen: Recomendamos un mínimo de 1024px de ancho. Altura proporcional según como quieras mostrarlos.
• Componente Imagen con Texto
  • Tamaño de imagen (escritorio y móvil): 740px (ancho) x 600px (alto).
• Componente Slider de Logos
  • Tamaños de logo: Recomendamos un máximo de 220px de ancho. Altura proporcional según como quieras mostrarlos.
• Componente Testimonios
  • Imagen de autor: 60px (ancho) x 60px (alto).

---

Premium

Tamaños recomendados para Premium:

• Productos: 1320x900px
• Slider Home: Utiliza la foto de los productos destacados
• Blog: 900x250px
• Logo de la Tienda: alto: 100px * ancho: 100px a 500px

---

Megami

Tamaños recomendados para Megami:

• Productos: 2000x2200px
• Slider Home: 1900x600px
• Banner Home: 950x627px
• Blog: 750x500px
• Categoría: 2280x1000px
• Partner Logos: 260x200px
• Logo de la Tienda: alto: 75px * ancho: 75px a 300px
• Imagen de slider layout wide = 1900x600px
• Imagen de slider layout boxed = 1140x550px
• Imagen con componente de texto = 560x370px

---

Astrid

Tamaños recomendados para Astrid:

• Productos: 940x1290px
• Slider Home: 1900x750px
• Banner Home: 790x420px
• Blog: 1245x748px
• Categoría: 1290x160px
• Logo de la Tienda: alto: 100px * ancho: 100px a 300px

---

Bootstrap

Tamaños recomendados para Bootstrap:

• Productos: 1080x1350px
• Slider Home: 1900x480px
• Imagen de categoría: 2220x600px
• Blog: 1100x560px
• Logo de la Tienda: alto: 50px * ancho: 150px a 300px

---

Cupcakes

Tamaños recomendados para Cupcakes:

• Productos: 1200x1200px
• Slider Home: Utiliza la foto de los productos destacados
• Blog: 970x540px
• Logo de la Tienda: alto: 75px * ancho: 80px a 300px

---

Classic

Tamaños recomendados para Classic:

• Productos: 1200x1200px
• Slider Home: 900x300px
• Blog: 820x530px
• Categoría: 970x230px
• Logo de la Tienda: alto: 75px a 150px * ancho: 100px a 300px

---

Core

Tamaños recomendados para Core:

• Productos: 1800x1200px (dejar el producto centrado)
• Slider Home: 900x320px
• Blog: 900x570px
• Logo de la Tienda: alto: 100px * ancho: 100px a 300px

---

Novus

Tamaños recomendados para Novus:

• Productos: 1320x908px
• Slider Home: 1170x500px
• Blog: 820x570px
• Categoría: 970x200px
• Logo de la Tienda: alto: 100px a 150px * ancho: 100px a 300px

---

Collage

Tamaños recomendados para Collage:

• Productos: 1560x2480px
• Blog: 800x490px
• Logo de la Tienda: alto: 100px * ancho: 100px a 300px

---

Starter

• Imágenes de producto: 1210px (ancho) x 1210px (alto).
• Logo de la tienda: se mostrará en un máximo de 50px de alto y un ancho proporcional. Recomendamos cargar la imagen en tamaño doble o mayor altura (al menos 100px de ancho) para mejorar la visualización en pantallas retina.
• Imagen de categoría: se mostrará en diferentes tamaños según la plantilla:
  • Layout por defecto por defecto o Main Category: en estos casos, la imagen de la categoría se mostrará como fondo del título en la parte superior de la página, por lo que solo se mostrará una parte de la imagen.
  • Brands Layout: en este diseño, las imágenes se mostrarán en tamaño completo y cuadradas.
  • En los 3 diseños recomendamos usar imágenes proporcionales cuadradas, pueden ser de 1000px (ancho) x 1000px (alto) y así se mostrarán correctamente en todos los casos.

Tamaños recomendados para componentes:

• Componente Slider
  • Tamaño para escritorio: 2048px (ancho) x 1024px (alto).
  • Tamaño para móvil: 960px (ancho) x 1200px (alto).
• Componente Banner
  • Tamaño del banner (escritorio y móvil): 570px (ancho) x 878px (alto).
• Componente Categorías
  • Icono de bloque de categoría: 50px (ancho) x 50px (alto).
  • Imagen de fondo del bloque de categoría - Depende de su contenido. Puedes usar un patrón o una imagen completa. Mantenlo simple.
• Componente Slider de Logos
  • Tamaños de logo: Recomendamos un máximo de 220px de ancho. Altura proporcional según como quieras mostrarlos.
• Componente Testimonios
  • Imagen de autor: 50px (ancho) x 50px (alto).