Saltar al contenido principal
ToolsByUs

Redimensionar banners de Discord

Discord utiliza dos banners diferentes: 680 por 240 con ratio 17:6 para un perfil y 960 por 540 con ratio 16:9 para un servidor. Recorta una vez aquí y ambos se exportan juntos, con el círculo del avatar y el bloque de nombre dibujados sobre la vista previa para que nada importante quede oculto detrás de ellos.

Solo local

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 Discord: explicación

Casi todos los problemas de «banner de Discord» vienen del mismo error: hay dos. El banner de perfil que está detrás de tu avatar mide 680 por 240, un formato panorámico 17:6. El banner de servidor que se muestra encima de la lista de canales es 960 por 540, el formato 16:9 habitual. Se parecen en un archivo de diseño y se comportan completamente diferente una vez subidos.

Discord no rechaza un banner con forma incorrecta. Lo recorta al centro, en silencio, lo cual es peor: una imagen 16:9 colocada en la ranura de perfil pierde aproximadamente un tercio de su altura superior e inferior, y la parte que toma es la que casualmente estaba en el centro. Un artefacto con un logo cerca de un borde vuelve con el partido por la mitad.

Esta página contiene ambos marcos y exporta ambos desde un único recorte, y dibuja lo que Discord pone encima: la foto de perfil circular que solapa la esquina inferior izquierda y el bloque de nombre al lado. Lo que sobrevive en un perfil real no es lo que sobrevive en un archivo de diseño, y esa diferencia es la parte que vale la pena ver antes de subir.

Si el tamaño que necesitas es el tuyo propio y no el de Discord, la herramienta general de Recorte de imagen te permite escribir cualquier rectángulo de píxeles.

Dar formato al arte para varias lugares a la vez es común, y los otros redimensionadores de plataformas contienen los mismos marcos exactos para Twitch, Roblox, Etsy y el resto.

Ambos tamaños de banner, y dónde aparece cada uno

Los dos marcos se usan en lugares distintos y ninguno sustituye al otro. Exporta ambos y guárdalos; un servidor que gestionas y un perfil que poseerán ambos querrán uno eventualmente.

BannerTamañoRatioDónde se muestra
Banner de perfil680 × 24017:6Detrás de tu avatar en tu propia tarjeta de perfil
Banner de servidor960 × 54016:9Encima de la lista de canales, para servidores potenciados
Imagen de invitación de servidor1920 × 108016:9Detrás de una vista previa de enlace de invitación

Qué hay encima de un banner de perfil

Un banner de perfil nunca se ve completo. El avatar circular solapa su esquina inferior izquierda y el nombre de usuario, etiqueta y insignias están inmediatamente a la derecha de ese círculo; juntos cubren la mayor parte del cuadrante inferior izquierdo.

La vista previa de arriba dibuja ambos. La regla práctica que se deriva de esto: no pongas nada que necesites leer en el tercio inferior izquierdo. Las caras, logos y texto pertenecen en la parte superior derecha, y un fondo que se percibe como textura en lugar que como composición sobrevive mejor a la superposición.

  • El círculo del avatar solapa la esquina inferior izquierda del banner y enmascara a un círculo, por lo que el detalle de la esquina se pierde dos veces.
  • El bloque de nombre de usuario se extiende hacia la derecha desde el avatar, atravesando aproximadamente la mitad inferior.
  • Las insignias y puntos de estado están dentro y alrededor del círculo, por lo que el detalle fino directamente detrás de él desaparece por completo.

Por qué una imagen 16:9 nunca sobrevive al recorte 17:6

17:6 es 2.5 a 1; 16:9 es aproximadamente 1.78 a 1. El marco de perfil es notablemente más ancho para su altura, por lo que encajar una imagen 16:9 en él significa desechar la parte superior e inferior —alrededor del 29% de la altura— o rellenar los lados y perder el aspecto a toda sangre por completo.

Ninguno de los resultados es incorrecto, pero la elección debe ser tuya. Rellenar marco recorta y te permite elegir qué parte queda centrada; Ajustar imagen completa rellena con un color de fondo y mantiene cada píxel. Una herramienta que solo ofrece la primera está decidiendo por ti.

Formato y tamaño de archivo

PNG para artefactos con color plano, bordes nítidos o texto, donde el ringing del JPEG se muestra alrededor de cada letra. JPEG para un banner fotográfico, donde es dramáticamente más pequeño con la misma calidad visible. WebP es aceptado y aún más pequeño, aunque un PNG o JPEG es la opción más segura para cualquiera que pueda volver a subirlo más tarde.

Los banners animados son una función Nitro y necesitan un GIF, que esta herramienta no produce; da formato a imágenes estáticas. Lo que sí hará es preparar el tamaño de marco exacto que un animador necesita para empezar.

Preguntas frecuentes

¿Qué tamaño tiene un banner de perfil de Discord?

680 por 240 píxeles, con ratio 17:6. Ese es el tamaño en el que Discord lo muestra en una tarjeta de perfil, y cualquier cosa con forma diferente se recorta al centro para encajar en lugar de ser rechazada. Subidas más grandes con el mismo ratio 17:6 se escalan hacia abajo limpiamente, así que 1360 por 480 es una fuente razonable si quieres margen.

¿Por qué Discord recorta mi banner?

Porque la imagen que le diste no es el ratio que espera la ranura. Discord llena el marco en lugar de ponerle bandas negras, así que toma el centro de tu imagen y descarta el resto —arriba y abajo para una imagen demasiado alta, izquierda y derecha para una demasiado ancha. Recortar deliberadamente aquí significa que tú eliges qué parte mantiene.

¿El banner de servidor es la misma imagen que el banner de perfil?

No, y reutilizar uno para el otro es el error más común. Un banner de servidor es 960 por 540 con ratio 16:9 y aparece encima de la lista de canales; un banner de perfil es 680 por 240 con ratio 17:6 y aparece detrás de tu avatar. Exporta ambos desde esta página y guárdalos como archivos separados.

¿Mi avatar cubrirá parte del artefacto?

Sí. La foto de perfil circular solapa la esquina inferior izquierda y el bloque de nombre de usuario se extiende hacia la derecha de ella. Ambos se dibujan sobre la vista previa de arriba para que puedas ver la superposición mientras recortas en lugar de descubrirla después. Manten fuera del tercio inferior izquierdo cualquier cosa que deba leerse.

¿La imagen se sube a algún sitio para redimensionarse?

No. El decodificado, recorte, redimensionado y codificado ocurren dentro de esta pestaña del navegador, y puedes verificarlo: abre DevTools, cambia al panel Network y exporta — nada que lleve tu archivo aparece. De cualquier forma, la Content-Security-Policy de la página bloquearía una solicitud saliente.

¿Puedo hacer un banner de Discord animado aquí?

No aquí. Un banner animado necesita un GIF y es una función Nitro; esta herramienta da formato a imágenes estáticas en PNG, JPEG o WebP. Sigue siendo útil como primer paso: exporta el marco exacto a 680 por 240 o 960 por 540 y anima desde ahí, para que las dimensiones sean correctas antes de empezar el trabajo de animación.

Equipo de ToolsByUs · Cómo comprobamos nuestras herramientas