Tamaño del banner de perfil de Discord
Un banner de perfil de Discord mide 680 por 240 píxeles, un formato 17:6. El avatar circular solapa la esquina inferior izquierda y tu nombre de usuario está a su lado, por lo que aproximadamente la tercera parte inferior izquierda está cubierta. Recorta contra esa superposición aquí, con ambas formas dibujadas sobre la vista previa.
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
Tamaño del banner de perfil de Discord: explicación
La dimensión es la parte fácil. 680 por 240 está escrito en docenas de lugares, y cualquier redimensionador lo alcanzará. Lo que decide si el banner parece deliberado o accidental es lo que Discord dibuja encima — y eso no está escrito en ningún lugar útil.
Tu foto de perfil se renderiza como un círculo que solapa la esquina inferior izquierda del banner, aproximadamente el 22% del ancho del banner y extendiéndose por debajo de su borde. Inmediatamente a su derecha están tu nombre para mostrar, tu nombre de usuario y cualquier insignia. Juntos cubren la tercera parte inferior izquierda de un marco de 680 por 240, y cualquier elemento colocado allí simplemente no se lee.
Esta página contiene el marco 17:6, dibuja el círculo y el bloque de nombre encima mientras posicionas el recorte, y exporta el 680 por 240 exacto que quiere Discord. La superposición es la restricción de diseño; verla mientras trabajas es el punto.
El avatar que solapa este banner tiene su propio marco y su propia máscara circular — el redimensionador de PFP de Discord ese se encarga de ese.
Si el archivo exportado es más pesado de lo que quieres, el compresor de imágenes lo reducirá al tamaño que indiques.
Las medidas que importan
Dos de ellas son de Discord y una es una consecuencia de ellas. La tercera es la que la gente suele equivocarse.
| Propiedad | Valor | Por qué importa |
|---|---|---|
| Tamaño mostrado | 680 × 240 | El espacio que Discord renderiza; sube a este tamaño o a un múltiple limpio de él |
| Relación de aspecto | 17:6 | Cualquier otra cosa se recorta al centro sin previo aviso |
| Superposición del avatar | Inferior izquierda, circular | Cubre aproximadamente un quinto del ancho y la mitad de la altura |
| Región segura | Dos tercios superior derecho | El único área seguro de verse completa |
Componiendo para una superposición en lugar de alrededor de ella
El instinto es dejar la parte inferior izquierda vacía, y eso produce un banner que se ve desequilibrado cuando el avatar no se renderiza — en un resultado de búsqueda, en una tarjeta de vista previa, en una captura de pantalla. La mejor aproximación es un fondo que no tenga un único punto focal: un degradado, una textura, un patrón repetitivo, una fotografía con su tema en la parte superior derecha.
Si el banner debe llevar un logo o un handle, ponlo en la parte superior derecha y ajústalo para que sea legible a 680 píxeles de ancho. Un banner es pequeño. El texto que se lee cómodamente en un archivo de diseño de 2000 píxeles a menudo es ilegible en el tamaño en el que realmente se muestra.
Subiendo archivos más grandes que 680 por 240
Un origen más grande con la misma proporción 17:6 está bien y a menudo es mejor: 1360 por 480 o 2040 por 720 le da a Discord píxeles limpios para los que hacer downscaling en una pantalla de alta densidad, y el resultado es más nítido que una imagen de 680 píxeles escalada por el navegador.
Lo que no ayuda es subir un archivo mucho más grande con una proporción diferente y esperar de que el recorte quede bien. El recorte es centralizado y mecánico. Elegirlo tú mismo cuesta un clic aquí.
- 680 × 240 — exactamente lo que se muestra; el archivo más pequeño.
- 1360 × 480 — doble densidad, notablemente más nítido en una retina.
- 2040 × 720 — triple; solo vale la pena para arte detallado.
Qué formato exportar
Elige por lo que es el arte, no por hábito. El color plano, la tipografía y los bordes nítidos mantienen su nitidez en PNG y desarrollan halos visibles en JPEG. Una fotografía o una ilustración pintada es varias veces más pequeña como JPEG sin diferencia visible a este tamaño. WebP hace ambas cosas bien y es aceptado; guarda una copia en PNG o JPEG si el archivo podría reutilizarse en otro lugar.
Preguntas frecuentes
¿Cuánto del banner de perfil de Discord cubre el avatar?
El avatar circular abarca aproximadamente un quinto del ancho del banner y solapa su esquina inferior izquierda, extendiéndose por debajo del borde inferior. Con el bloque de nombre de usuario a su lado, cuenta con que la tercera parte inferior izquierda será inutilizable para cualquier cosa que tenga que leerse. La vista previa de arriba dibuja ambas formas a sus proporciones reales.
¿Debo subir un banner más grande que 680 por 240?
Sí, si mantienes la proporción 17:6. 1360 por 480 se reduce con nitidez y se ve más nítido en una pantalla de alta densidad que un archivo de 680 píxeles ampliado por el navegador. Lo que importa es la proporción, no el tamaño absoluto — una imagen más grande de forma equivocada se recorta de forma tan bruta como una pequeña.
¿Por qué mi texto se ve borroso en el banner?
Normalmente porque se dimensionó en un archivo de diseño grande y nunca se comprobó a 680 píxeles de ancho. Un tipo que es cómodo a 2000 píxeles puede caer por debajo de la legibilidad cuando la misma imagen se muestra en menos de un tercio de eso. Exporta al tamaño real, míralo, y aumenta el tamaño del texto hasta que se lea allí.
¿Comprime Discord el banner después de subirlo?
Discord re-codifica las subidas para su entrega, por lo que un archivo muy pesado no sirve de nada y uno mal comprimido puede verse peor después de su segunda pasada. Exportar un PNG limpio para arte plano, o un JPEG de alta calidad para una fotografía, le da al re-codificador el mejor material con el que trabajar.
¿Puedo usar el mismo archivo para el banner de mi servidor?
No — un banner de servidor es 960 por 540 a 16:9 y aparece en un lugar completamente diferente. Las dos proporciones están lo suficientemente separadas para que reutilizar una para la otra garantice un recorte. Exporta ambos tamaños desde la página combinada de banner de Discord si necesitas cada uno.
¿Está disponible el espacio de banner en una cuenta gratuita?
La personalización del banner de perfil ha sido históricamente una función de Nitro, y lo que las cuentas gratuitas obtienen es un color sólido tomado del perfil. Los derechos de la plataforma cambian, así que comprueba en la app — el archivo que produce esta página tiene la forma correcta de cualquier manera, y no cuesta tenerlo listo.
¿Qué herramientas relacionadas debería usar después?
- Redimensionar banner de DiscordLos dos banners de Discord: 680×240 de perfil y 960×540 de servidorAbrir
- Redimensionar foto de perfil de DiscordRecorte cuadrado 512×512 con la máscara circular vista antes de subirAbrir
- Redimensionar banner de servidor de DiscordEl banner de 960×540 sobre la lista de canales, recortado aquíAbrir
- Redimensionar cabecera de TwitterCabecera 1500×500 con el hueco de la foto de perfil y la bio marcadosAbrir
- 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