# Tamaño de banners de Discord: servidor 960 x 540 y perfil 680 x 240 [Canonical HTML page](https://gradiently.design/es/guide/discord-banner-size) Discord tiene tres banners, cada uno en un lugar y con una forma distintos. Uno va sobre tu lista de canales, otro recibe a quienes invitas y otro va detrás de tu propio nombre. Así se diseñan los tres. ## The short version - 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. 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 | Banner | Tamaño | Proporción | Disponible con | | --- | --- | --- | --- | | Banner de servidor | 960×540 px | 16:9 | Impulso del servidor nivel 2 | | Fondo de invitación | 1920×1080 px | 16:9 | Impulso del servidor nivel 1 | | Banner de perfil | 680×240 px | 17:6 | Discord Nitro | Los niveles de Impulso y las ventajas de Nitro los fija Discord y cambian de vez en cuando. Mira los ajustes del servidor o de tu perfil para saber qué tienes disponible. - Banner de servidor 960×540: 960 × 540 - Fondo de invitación 1920×1080: 1920 × 1080 - Banner de perfil 680×240: 680 × 240 Los tres banners de Discord dibujados a escala. El banner de servidor y el fondo de invitación comparten forma; el banner de perfil es una franja corta. 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](https://gradiently.design/es/guide/gif-vs-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. Un banner de servidor de Discord de 960 por 540 para el Club de lectura Noctámbulos con el nombre centrado sobre un degradado oscuro 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 - Centro oscuro, bordes violeta: `radial-gradient(ellipse at 50% 50%, #0b0b14 0%, #1e1b4b 45%, #6d28d9 80%, #c084fc 100%)` - Centro oscuro, bordes esmeralda: `radial-gradient(ellipse at 50% 50%, #08130f 0%, #064e3b 50%, #10b981 90%, #6ee7b7 100%)` - Centro oscuro, bordes brasa: `radial-gradient(ellipse at 50% 50%, #140a05 0%, #7c2d12 50%, #f97316 90%, #fdba74 100%)` Fondos de invitación tranquilos en el centro, donde va la tarjeta, y que brillan hacia los bordes que la gente sí ve. ## 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. Un banner de perfil de Discord de 680 por 240 con la palabra Lofi a la derecha y espacio vacío a la izquierda Una palabra a la derecha, espacio abierto a la izquierda para el avatar. Un banner de perfil de Discord de 680 por 240 con el texto «Pixel art y paciencia» sobre un degradado suave 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](https://gradiently.design/es/guide/dark-mode-design) 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](https://gradiently.design/es/guide/twitch-streamer-branding) o con el [arte de canal de juegos](https://gradiently.design/es/guide/gaming-channel-art). 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](https://gradiently.design/es/guide/social-media-image-sizes). ## FAQ ### ¿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.