Icono de tienda de Etsy 500×500
Un icono de tienda de Etsy es un cuadrado de 500 por 500 píxeles que se muestra como un círculo junto al nombre de tu tienda. Recórtalo aquí con la máscara circular dibujada sobre la vista previa, para que los bordes del logo no se recorten silenciosamente cuando esté en línea.
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
Icono de tienda de Etsy 500×500: explicación
El icono de la tienda es la imagen circular pequeña junto al nombre de tu tienda — en la página principal, en los resultados de búsqueda, junto a cada reseña y en el historial de compras de un comprador. Se sube como un cuadrado de 500 por 500 y se muestra como un círculo.
También es la imagen que un comprador recurrente reconoce. Un banner se ve una vez por visita; el icono sigue a la tienda en todas partes, normalmente a un tamaño donde solo sobreviven una forma y un color. Eso hace que la reconocibilidad, no el detalle, sea lo que vale la pena optimizar.
Esta página recorta al cuadrado exacto con la máscara circular dibujada sobre él, para que las esquinas que la máscara elimina sean visibles mientras posicionas el arte. No se sube nada a ningún sitio.
La franja ancha encima de tus anuncios es una imagen separada — el redimensionador de banner de tienda lo exporta en ambas densidades.
Si el logo llega en un formato que el navegador no puede abrir, el conversor de formatos lo convierte primero a PNG.
El icono frente al resto de la tienda
El icono es pequeño, redondo y está en todas partes; el banner es grande, ancho y se ve una vez. No son variantes del mismo arte.
| Imagen | Tamaño | Forma | Se ve en |
|---|---|---|---|
| Icono de tienda | 500 × 500 | Círculo | En todas partes donde se nombra la tienda |
| Banner grande | 1200 × 300 | Franja 4:1 | Arriba de la página principal |
| Banner mini | 1200 × 160 | Franja 7.5:1 | La alternativa más estrecha |
Lo que sobrevive al círculo
Un círculo inscrito en un cuadrado muestra aproximadamente el 79% de él, por lo que las cuatro esquinas se eliminan por completo. Un logo cuadrado que llena su lienzo pierde sus esquinas; una marca de palabra que va de borde a borde pierde su primera y última letra.
Centra la marca y deja margen. Si la marca es una palabra en lugar de un símbolo, considera usar un monograma o la inicial para el icono y mantener la palabra completa para el banner — es lo que la mayoría de tiendas con nombres largos acaban haciendo.
- Las esquinas siempre se eliminan; nada significativo pertenece allí.
- Una marca de palabra de más de seis caracteres rara vez se lee en un círculo.
- Alto contraste, porque el icono se muestra pequeño junto al texto.
- Evita contornos finos, que desaparecen en el tamaño de la lista de reseñas.
Por qué 500×500 en lugar de algo más grande
Etsy documenta 500×500 para esta ranura y deriva las representaciones más pequeñas de él. Proporcionar sustancialmente más no agudiza los tamaños pequeños — se vuelven a muestrear de cualquier manera — y un archivo más pesado le da más al recodificador para que descarte.
Si tu origen es menor de 500 píxeles, la página lo indica en lugar de ampliar silenciosamente. Escalar un logo de 200 píxeles a 500 no añade detalle y ablanda los bordes que lo hacían legible.
Formato y fondo
PNG para un logo con color plano o bordes duros, y para cualquier cosa con transparencia. JPEG para un icono fotográfico, aunque las fotografías rara vez hacen buenos iconos de tienda a este tamaño. Si exportas un PNG transparente, comprueba cómo se ve contra una página blanca — la página principal de Etsy es clara, por lo que un logo blanco sobre transparencia desaparece por completo.
Preguntas frecuentes
¿Qué tamaño tiene un icono de tienda de Etsy?
500 por 500 píxeles, cuadrado al subir y circular al mostrar. Etsy genera las representaciones más pequeñas que se usan en resultados de búsqueda y listas de reseñas a partir de ese único archivo, así que 500 es suficiente y más no es más nítido en ningún lugar donde se muestre.
¿Por qué se corta mi logo en el icono de la tienda?
Se enmascara en lugar de cortar: el icono se muestra como un círculo inscrito en tu cuadrado, que elimina aproximadamente un quinto del área en las esquinas. Un logo que llena su lienzo de borde a borde pierde esos bordes. Céntralo y deja margen.
¿Puedo usar el nombre de mi tienda como icono?
Solo si es corto. Un círculo muestra aproximadamente seis caracteres legiblemente en el tamaño en que normalmente se representa el icono; los nombres más largos se convierten en una mancha ilegible. La mayoría de tiendas con nombres largos usan un monograma o inicial para el icono y mantienen la palabra completa en el banner.
¿El icono debe tener fondo transparente?
Puedes, pero primero compruébalo contra un fondo blanco. Las páginas de Etsy son claras, por lo que un logo blanco o muy pálido sobre un fondo transparente desaparece. Un color de fondo sólido tomado de tu paleta de marca suele ser la opción más segura y reconocible.
¿El icono debe coincidir con mi banner?
Debe ser coherente, no idéntico. Usa la misma paleta y la misma tipografía, pero diseña el icono como una marca por derecho propio — un banner recortado a un círculo casi nunca se lee, porque los banners se componen anchos y los iconos se leen pequeños.
¿Se sube mi logo cuando lo recorto aquí?
No. El recorte y la exportación se ejecutan en tu navegador sin que intervenga ningún servidor, y este sitio no tiene un punto de acceso para recibir una imagen. Subes tú mismo el resultado a Etsy después, desde tu propio dispositivo.
¿Qué herramientas relacionadas debería usar después?
- Redimensionar banner de EtsyBanner de tienda a 1200×300 y 3360×840 retina en una sola exportaciónAbrir
- Redimensionar mini banner de EtsyLa tira exacta de 1200×160: a 7,5:1 el recorte decide, y lo eliges túAbrir
- Redimensionar foto de perfil de DiscordRecorte cuadrado 512×512 con la máscara circular vista antes de subirAbrir
- Redimensionar insignia de RobloxInsignia a 512×512 con máscara circular, no un cuadrado recortadoAbrir
- Recortar imagenArrastra o escribe un rectángulo; los píxeles que quedan no se tocanAbrir
- Herramientas para creadoresAjusta y optimiza banners, avatares, emotes y portadas para cada plataforma.Abrir