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

En esta página

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:

Home slider: 1900x600px
Home slider (con 3 imagenes): 700x800px
Banners: 600x350px
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

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

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.

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