La versión corta
- El tamaño del banner de servidor de Discord es de 960×540 píxeles, una imagen 16:9 que se muestra en la parte superior de la lista de canales del servidor.
- El tamaño del banner de perfil de Discord es de 680×240 píxeles, y se muestra detrás de tu avatar en la tarjeta de tu perfil.
- El fondo de invitación del servidor, a veces llamado splash de invitación, es una imagen 16:9 que conviene diseñar a 1920×1080.
- Los banners de servidor y los fondos de invitación se desbloquean con los niveles de Impulso del servidor, y los banners de perfil personalizados requieren Discord Nitro.
- La interfaz de Discord tapa parcialmente cada banner, así que los detalles clave van en las zonas libres y no en los bordes.
En esta página
El tamaño del banner de Discord depende de a qué banner te refieras. Un banner de servidor mide 960×540 píxeles, una imagen 16:9 que se muestra en la parte superior de la lista de canales de tu servidor. Un banner de perfil mide 680×240 píxeles y va detrás de tu avatar en la tarjeta de tu perfil. El fondo de invitación del servidor, que ven quienes abren un enlace de invitación, también es 16:9 y queda mejor a 1920×1080. Discord tapa parcialmente cada uno con su interfaz, así que diséñalos como ambiente y mantén libre lo importante.
Medidas de los banners de Discord de un vistazo
Tamaño
Proporción
Disponible con
Tamaño
Proporción
Disponible con
Tamaño
Proporción
Disponible con
Banner de servidor 960×540
960 × 540
Fondo de invitación 1920×1080
1920 × 1080
Banner de perfil 680×240
680 × 240
Exporta PNG para gráficos, texto y degradados, y JPEG para fotografías. Los banners animados usan GIF y necesitan un nivel de impulso más alto en los servidores o Nitro en los perfiles; si haces uno, mantén el movimiento lento, porque el banner está junto a personas que leen y escriben. GIF frente a MP4 explica por qué los GIF necesitan un color cuidado.
Banner de servidor de Discord: 960 x 540
El banner de servidor va en la parte superior de la barra lateral de canales, sobre tu lista de canales. La barra lateral es estrecha, así que el banner se muestra pequeño, y el nombre del servidor y una flecha de menú se colocan sobre su borde superior. Los miembros lo ven cada vez que abren el servidor, lo que lo convierte en la imagen más vista que tienes en Discord.
- Mantén tranquila la franja superior. Aproximadamente los 100 píxeles superiores llevan el nombre del servidor en blanco, así que una parte superior más oscura o más lisa ayuda a que se lea.
- Pon cualquier imagen o palabra en el centro. El recorte y el escalado de la barra lateral hacen desaparecer el detalle de los bordes.
- Evita el texto pequeño. A tamaño de barra lateral, cualquier cosa de menos de unos 60 píxeles de alto en tu diseño de 960×540 es ilegible.
- Deja que se funda con la barra lateral. Un banner cuyo borde inferior se oscurece hacia el tema oscuro de Discord queda dentro de la interfaz en lugar de encima.
Palabras en el centro, una parte superior calmada para el nombre del servidor y un pie más oscuro que enlaza con la lista de canales.
Fondo de invitación de Discord
El fondo de invitación llena la pantalla detrás de la tarjeta de invitación cuando alguien abre tu enlace de invitación en un navegador. La tarjeta se sitúa en el centro, con el icono, el nombre del servidor y el botón de aceptar. Eso significa que el centro de tu imagen queda casi oculto. Diseña el fondo de invitación como un fotograma completo de color o textura, con cualquier detalle empujado hacia los bordes y las esquinas, lo contrario que en la mayoría de los banners.
Banner de servidor
- Se muestra pequeño, en la barra lateral
- Lo ven los miembros cada día
- Palabras o imagen en el centro
- Borde superior tapado por el nombre del servidor
Fondo de invitación
- Se muestra grande, a pantalla completa
- Lo ven una vez los recién llegados
- Centro tapado por la tarjeta de invitación
- Detalle en los bordes, centro liso
Banner de perfil de Discord: 680 x 240
Con Nitro puedes subir un banner de perfil, que se muestra en la parte superior de la tarjeta de tu perfil cuando alguien pulsa tu nombre. Tu avatar redondo solapa su parte inferior izquierda y la tarjeta es estrecha, así que el banner funciona mejor como color y textura con cualquier detalle a la derecha. Sin Nitro, aún puedes elegir un color de banner liso, que conviene combinar con tu avatar. Tu banner de perfil te acompaña a cada servidor al que te unes, así que elige algo que encaje en todos y no la broma interna de una sola comunidad.
Una palabra a la derecha, espacio abierto a la izquierda para el avatar.
Una línea corta en una franja tranquila, bien lejos de la parte inferior izquierda.
Cómo diseñar un conjunto de banners de Discord a juego
- 1
Elige una familia de fondos
Los mismos colores o material en el banner de servidor, el fondo de invitación, el icono del servidor y los colores de los roles. Una comunidad que parece un solo lugar se siente como un solo lugar.
- 2
Diseña primero el fondo de invitación
A 1920×1080 es el más grande, así que marca el aspecto. Mantén liso su centro.
- 3
Haz el banner de servidor a partir de él
El mismo fondo a 960×540, con el nombre del servidor o un eslogan centrado y un borde superior calmado.
- 4
Comprueba en los temas oscuro y claro
La mayoría de los miembros usa el modo oscuro, pero no todos. Un banner cuyos bordes se funden a un tono medio queda bien en ambos; diseño para modo oscuro explica por qué.
- 5
Previsualiza a tamaño real
Abre el servidor en un portátil y en un móvil. Si las palabras no se leen en la barra lateral, quítalas o ponlas más grandes.
Las comunidades de juegos, los servidores de estudio y los Discord de creadores se benefician de la misma idea: que el servidor se parezca a la marca a la que pertenece. Si tu Discord acompaña a un directo o a un canal, combínalo con tu imagen de marca de streamer en Twitch o con el arte de canal de juegos. En Gradiently, un Mark te da los tres tamaños de Discord, generados de nuevo para cada forma y no recortados, y con Pro un solo paso redimensiona un diseño a todos los tamaños. Las palabras colocadas sobre el Mark siguen siendo legibles porque se calma por sí solo detrás de ellas. Hay más formas en tamaños de imagen para redes sociales.
Preguntas frecuentes
¿Qué tamaño tiene un banner de servidor de Discord?
960×540 píxeles, una imagen 16:9. Se desbloquea con el nivel 2 de Impulso del servidor.
¿Qué tamaño tiene un banner de perfil de Discord?
680×240 píxeles. Subir un banner de perfil personalizado requiere Discord Nitro; sin él puedes elegir un color de banner liso.
¿Qué tamaño tiene el fondo de invitación de Discord?
Es una imagen 16:9, y 1920×1080 píxeles da un resultado nítido en pantallas grandes. Se desbloquea con el nivel 1 de Impulso del servidor.
¿Puede animarse un banner de Discord?
Sí, como GIF, pero los banners de servidor animados necesitan un nivel de impulso más alto y los banners de perfil animados necesitan Nitro.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil