Redimensionar banners de Etsy
Un banner grande de Etsy mide 1200 por 300 píxeles, y una versión de 3360 por 840 con la misma relación 4:1 lo mantiene nítido en pantallas de alta densidad. Recorta aquí una vez y ambos se exportan juntos, sin que el diseño abandone tu navegador.
Suelta un PNG, JPG, WebP o GIF
o suéltalo en cualquier parte de la página · Elegir un archivo · 100 MB
Aceptados: PNG, JPG, JPEG, WebP, GIF, AVIF
Redimensionar banners de Etsy: explicación
El banner de la tienda de Etsy ocupa la parte superior de tu escaparate, y el tamaño documentado es 1200 por 300 — una tira de 4:1. Ese número ha sido correcto durante años y ahora solo es la mitad de la historia: en un portátil o teléfono con una pantalla de alta densidad, una imagen de 1200 píxeles estirada en el espacio del banner se ve suave.
La solución es suministrar más píxeles con la misma relación. 3360 por 840 es la cifra retina ampliamente utilizada, y como es exactamente 2.8 veces 1200 por 300, el mismo recorte sirve para ambos sin una segunda decisión.
Por lo tanto, esta página exporta el par. Un recorte, dos archivos, ambos a 4:1, ambos producidos en tu propio equipo — lo cual importa para el diseño de marca de una tienda que aún no has lanzado.
Si tu tienda usa el banner más estrecho en su lugar, el redimensionador de banner mini mantiene la tira de 7.5:1.
Una exportación de 3360 píxeles puede ser pesada — la herramienta Comprimir imagen la reducirá al tamaño que indiques.
El conjunto de imágenes de la tienda de Etsy
Un escaparate usa varias imágenes y todas tienen formas diferentes. Conseguir el banner correcto es la mitad visible; el icono es la mitad que la gente recuerda.
| Imagen | Tamaño | Relación | Dónde aparece |
|---|---|---|---|
| Banner grande | 1200 × 300 | 4:1 | A lo largo de la parte superior de la tienda |
| Banner grande retina | 3360 × 840 | 4:1 | El mismo espacio en una pantalla de alta densidad |
| Banner mini | 1200 × 160 | 7.5:1 | La opción de banner más estrecho |
| Icono de la tienda | 500 × 500 | 1:1 | Al lado del nombre de la tienda, circular |
Por qué 4:1 es más difícil de lo que parece
Cuatro a uno es mucho más ancho de lo que produce cualquier cámara. Una fotografía paisajística es 3:2 o 16:9, por encajar una en un banner significa descartar la mayor parte de su altura — aproximadamente el 60% de un marco 3:2.
Las fotografías de productos rara vez sobreviven a eso. Lo que funciona es un diseño compuesto para la tira: un patrón repetitivo, una foto de vista superior tomada específicamente ancha, un logotipo con mucho espacio alrededor, o un campo de color con el producto en un extremo. Elige el recorte deliberadamente usando la cuadrícula focal en lugar de dejar que un recorte central tome lo que esté en el medio.
Qué poner en un banner de tienda
Un banner no es un cartel ni es un lugar para un párrafo. En un teléfono se muestra con unos pocos cientos de píxeles de ancho, por lo que el contenido real es un logotipo, un eslogan corto, o nada más que una imagen bien elegida.
Los banners estacionales valen la pena precisamente porque son fáciles de cambiar: el mismo recorte, diseño diferente, ambos tamaños exportados en un solo paso.
- Un logotipo o nombre de tienda, con un tamaño que se lea a unos pocos cientos de píxeles de ancho.
- Como máximo una línea corta de texto de apoyo.
- Sin letra pequeña, sin URL, sin códigos de descuento en tipografía diminuta.
- Un color que coincida con la fotografía de productos de la tienda en lugar de competir con ella.
Formato y tamaño de archivo
JPEG para banners fotográficos — a 3360 píxeles de ancho, un PNG de la misma imagen es varias veces más grande sin ninguna ventaja visible. PNG para colores planos y tipografía, donde los artefactos de JPEG se acumulan alrededor de cada borde. Etsy recodifica lo que recibe, así que suministra una fuente limpia y de alta calidad en lugar de algo ya comprimido dos veces.
Preguntas frecuentes
¿Qué tamaño tiene un banner de tienda de Etsy?
1200 por 300 píxeles para el banner grande, una tira de 4:1. Una versión de 3360 por 840 con la misma relación es la que lo mantiene nítido en pantallas de alta densidad, y esta página exporta ambos desde un único recorte para que el par no pueda separarse.
¿Por qué mi banner de Etsy se ve borroso?
Casi siempre porque es una imagen de 1200 píxeles que se muestra en una pantalla con dos o tres píxeles de dispositivo por píxel CSS. El navegador la amplía y el resultado es suave. Suministrar 3360 por 840 con la misma relación le da píxeles reales de los que dibujar.
¿Puedo usar una foto de producto como banner?
Solo si la recortas deliberadamente. Una tira de 4:1 mantiene alrededor del 40% de la altura de una fotografía ordinaria de 3:2, por lo que un recorte central suele tomar una banda a través del medio del sujeto. Usa la cuadrícula focal para elegir qué se queda, o dispara algo compuesto para el ancho.
¿Cuánto texto debe llevar un banner?
Un nombre de tienda y como máximo una línea corta. En un teléfono el banner se muestra con unos pocos cientos de píxeles de ancho, lo que hace que cualquier cosa por debajo del tamaño de titular sea ilegible. Los códigos de descuento y URL en letra pequeña son los píxeles más comúnmente desperdiciados en Etsy.
¿Cuál es la diferencia entre el banner grande y el mini banner?
La altura y por lo tanto la relación. El banner grande es 1200 por 300 a 4:1; el mini banner es 1200 por 160 a 7.5:1, aproximadamente la mitad de altura. Son espacios separados con recortes separados — un banner grande comprimido en el espacio mini pierde su parte central.
¿Se sube mi banner a este sitio para redimensionarlo?
No. El recorte, ambos redimensionamientos y la codificación ocurren en tu navegador, y el sitio no tiene ningún punto final que pueda recibir el archivo. Para la marca de una tienda no lanzada eso es una diferencia significativa, y es visible en el panel Red en lugar de solo declararlo.
¿Qué herramientas relacionadas debería usar después?
- Redimensionar mini banner de EtsyLa tira exacta de 1200×160: a 7,5:1 el recorte decide, y lo eliges túAbrir
- Redimensionar icono de tienda de EtsyIcono 500×500 con la máscara circular de Etsy vista antes de recortarAbrir
- Redimensionar imágenes de producto de ShopifyFotos a 2048×2048 con relleno en vez de recorte, producto enteroAbrir
- Redimensionar cabecera de TwitterCabecera 1500×500 con el hueco de la foto de perfil y la bio marcadosAbrir
- Redimensionar imagenReduce imágenes sin los dientes de sierra que dejan otras herramientasAbrir
- Herramientas para creadoresAjusta y optimiza banners, avatares, emotes y portadas para cada plataforma.Abrir