Medidas del banner de Etsy y guía para el icono de tu tienda

El tamaño estándar del banner grande de Etsy es de 1200 por 300 píxeles, el mini banner mide 1200 por 160 píxeles, y el icono de la tienda necesita 500 por 500 píxeles.

Preparar tu vitrina visual con medidas exactas en píxeles evita imágenes borrosas y recortes accidentales en la pantalla del móvil. Diseñar encabezados claros da identidad inmediata a tu tienda, para que quien llegue entienda al instante qué vendes.

Medidas estándar del banner de Etsy: banner grande vs. mini banner

Etsy exige un ancho mínimo de imagen de 1200 píxeles para todos los banners de tienda. El tamaño del banner grande es de 1200x400 píxeles, con un encabezado visual destacado de 3:1. El tamaño del mini banner es de 1200x300 píxeles, una franja compacta de 4:1 que mantiene visibles tus primeros anuncios en la parte superior de la pantalla de escritorio.

Cómo elegir entre el diseño de banner grande y mini banner

El formato del banner cambia cuánto espacio en pantalla tienen tus productos cuando la persona compradora entra a tu tienda. Usa estas reglas para elegir el formato adecuado:

• Elige el banner grande (1200x400) si dependes de fotos de estilo de vida, de contar la historia de tu marca o de anuncios de texto claros, como rebajas de temporada o tiempos de preparación. Te da espacio vertical extra para colocar texto sin tapar la imagen principal.

• Elige el mini banner (1200x300) si tu objetivo principal es que la persona haga scroll cuanto antes. Al quitar 100 píxeles de altura, los navegadores de escritorio muestran tu primera fila de anuncios destacados sin que la persona tenga que bajar.

Exporta siempre tu diseño al doble de resolución ( 2400x800 píxeles para banners grandes, 2400x600 píxeles para mini banners) a 72 DPI en modo de color sRGB. Subirlo con 2400 píxeles de ancho evita que se vea borroso en pantallas Retina de alta densidad y mantiene la proporción exacta que pide Etsy.

Tamaño y formato del icono de la tienda de Etsy

Tu icono de la tienda de Etsy necesita una imagen cuadrada de 500x500 píxeles subida como archivo PNG o JPG. Esta imagen 1:1 es el avatar principal de tu marca y aparece junto al nombre de tu tienda en las páginas de perfil, en los anuncios y en los recibos que reciben las personas compradoras.

Como Etsy reduce esta imagen a un pequeño círculo en las tarjetas de búsqueda del móvil, los logos con mucho detalle se vuelven manchas ilegibles. Para recortar los gráficos de la tienda bien, aplica esta regla de diseño: trata tu icono como un botón de app, no como un banner impreso.

• Tipo de archivo: Usa PNG-24 para logos vectoriales o tipografía nítida y evitar halos de compresión. Usa JPG solo para fotos de producto de alta resolución.

• Márgenes: Mantén todo el texto y las marcas visuales clave dentro de una zona segura central de 350x350 px para que los marcos redondos de la pantalla no recorten tu diseño.

• Contraste: Prueba tu icono a 40x40 px en la pantalla de un teléfono. Si tu monograma o la silueta del producto no se identifican de un vistazo, simplifica la ilustración y quita el texto secundario de eslogan.

Cómo diseñar el contenido del banner para las zonas seguras de escritorio y móvil

Etsy escala y recorta tu banner de forma dinámica según el ancho de cada pantalla móvil, y muchas veces corta los bordes izquierdo y derecho. Para que tu marca se mantenga intacta, arma tu banner con una zona segura central: coloca el texto importante, los elementos del logo y tus propuestas de valor justo en el centro, y deja que los fondos se extiendan hasta los bordes.

Las pantallas móviles meten las imágenes en visores más estrechos, y los elementos de los extremos quedan completamente fuera de la pantalla. Si pones un eslogan o una foto de producto en los bordes, quien compra desde el teléfono verá un diseño raro y cortado.

• Enfoque central: Coloca los logos principales y el texto clave directamente en la zona media de tu lienzo.

• Bordes sangrados: Extiende los colores de fondo y las texturas de patrón hasta el borde exterior, para que los bordes recortados también se vean intencionales.

Nunca cargues tu encabezado visual con mucho texto. Mantén tu banner enfocado en una marca limpia y luego escribe el anuncio de tu tienda para comunicar datos importantes como tus tiempos de preparación actuales, las fechas límite en temporada de fiestas o los códigos de descuento promocionales.

Qué mostrar en tu banner y tu icono: selección de contenido

Tu icono de tienda funciona como un logo reconocible, mientras que el banner es como el escaparate virtual de tu tienda. Usa tu icono de la tienda para un logo de alto contraste o un detalle de producto en primer plano. Usa tu banner grande para destacar tres productos estelares con estilo, una breve propuesta de valor y puntos de venta claros, como la velocidad de envío.

Reglas de diseño para móvil y escritorio

Los navegadores móviles recortan los bordes del banner y colocan el icono de tu tienda sobre la zona inferior izquierda de tu encabezado. Para evitar superposiciones incómodas, estructura tu diseño con una regla simple de dos zonas:

• Zona izquierda (espacio libre de enfoque): Deja libre la zona inferior izquierda de texto esencial o de detalles pequeños de producto, donde aparece el icono de la tienda en pantallas móviles.

• Zona derecha (producto principal y texto): Coloca de 2 a 3 artículos complementarios a la derecha, junto a un eslogan breve de menos de seis palabras, como "Vajilla de cerámica hecha a mano".

• Configuración del icono de la tienda: Opta por un símbolo audaz o una sola foto de producto clara sobre un fondo neutro. Evita patrones detallados o textos pequeños que se vuelvan borrosos en la pantalla del teléfono.

Preguntas frecuentes

Fuentes

1. Manual para vendedores

2. Cómo crear un anuncio

3. Política para vendedores