Ir al contenido
charmotion
Empieza ahora

Ícono animado de servidor en Discord: requisitos, tamaño y consejos para GIF

Por el equipo de Charmotion · Actualizado el

Ilustración de portada de la guía: Ícono animado de servidor de Discord: requisitos, tamaño y consejos para el GIF, con personajes de demostración de Charmotion

Un servidor de Discord puede usar un GIF animado como ícono cuando alcanza el Nivel 1 de Server Boost, que requiere 2 Boosts. La documentación de la API de Discord describe el ícono como una imagen PNG, JPEG o GIF de 1024×1024, animada solo cuando el servidor tiene esa ventaja. Mantén el logo centrado, porque Discord redondea las esquinas del ícono.

Puntos clave

  • Los íconos de servidor animados son una ventaja del Nivel 1 de Server Boost (2 Boosts); Nitro por sí solo no los desbloquea para un servidor.
  • Sube un GIF cuadrado. La documentación de la API de Discord describe el ícono como de 1024×1024; el centro de ayuda no publica ningún límite de píxeles ni de peso del archivo.
  • Mantén el logo dentro de un círculo centrado con algo de margen, ya que las esquinas no se ven.
  • Los banners animados son aparte: un banner estático requiere el Nivel 2 y uno animado, el Nivel 3.

¿Ya tienes un personaje o logo? Mira tu personaje en pantallas reales de una app: pantallas de splash, onboarding, carga y estado vacío. Es gratis, funciona en tu navegador y no sube nada.

¿Qué necesitas para un ícono de servidor animado en Discord?

Un servidor con boosts y un GIF. Las preguntas frecuentes de Server Boosting de Discord incluyen "Animated Server Icon" como ventaja del Nivel 1, y el Nivel 1 requiere 2 Boosts. Las demás ventajas de imagen llegan en niveles superiores:

Nivel de boostBoostsVentaja de imagen
Nivel 12Ícono de servidor animado
Nivel 27Banner de servidor estático
Nivel 314Banner de servidor animado

Los Boosts los dan los miembros al servidor. Nitro también le da a cada persona un avatar animado en su propio perfil, pero esa es una ventaja personal; no permite que un servidor use un ícono animado.

En la API, la misma regla aparece como una función del servidor (guild feature): ANIMATED_ICON significa que el "guild has access to set an animated guild icon" (el servidor puede establecer un ícono animado).

¿De qué tamaño debe ser un ícono de servidor animado en Discord?

Cuadrado y lo bastante grande para verse nítido. La documentación de la API de Discord para modificar un servidor describe el ícono como una "base64 1024x1024 png/jpeg/gif image for the guild icon (can be animated gif when the server has the ANIMATED_ICON feature)", es decir, una imagen png/jpeg/gif de 1024x1024 en base64 que puede ser un GIF animado cuando el servidor tiene esa función.

No encontramos que el centro de ayuda de Discord publique un tamaño en píxeles ni un peso máximo de archivo para los íconos de servidor. Muchas guías de terceros recomiendan 512×512, un objetivo razonable para un GIF porque el peso del archivo crece rápido con las dimensiones. Ajustes prácticos:

  • Dimensiones: 512×512 o 1024×1024, cuadrado.
  • Cuadros por segundo: de 12 a 15 fps es suficiente a tamaño de ícono.
  • Duración: un loop continuo de unos pocos segundos.
  • Fondo: sólido. El ícono se muestra en temas oscuros y claros, y un fondo sólido evita los bordes transparentes dentados de GIF.

Si la carga falla, acorta el loop, baja los cuadros por segundo o reduce la paleta antes de achicar las dimensiones.

¿Cómo mantener legible un logo en el ícono redondo de Discord?

Diseña pensando en un círculo. Las apps de Discord muestran los íconos de servidor con las esquinas redondeadas, y la lista de servidores los muestra pequeños, así que:

  • Centra el logo y mantén todo lo importante dentro de un círculo que ocupe aproximadamente el centro del cuadrado, con margen hasta el borde.
  • Usa el símbolo, no el logo de texto. El texto se vuelve ilegible al tamaño de la lista de servidores; un símbolo o un personaje de logo se reconoce al instante.
  • Mantén el movimiento dentro del círculo. Un salto o un aplastamiento que desplace el logo hacia una esquina quedará recortado.
  • Haz que el primer fotograma esté completo. Si en algún momento el ícono se ve como imagen fija, el primer fotograma debería parecerse a tu logo normal.
  • No uses destellos. El ícono permanece en pantalla mientras la gente lee y chatea. La pauta WCAG 2.3.1 fija un límite de tres destellos en cualquier período de un segundo.

Discord no documenta el recorte exacto, así que revisa el ícono en la lista de servidores después de guardarlo, tanto en el tema oscuro como en el claro.

¿Cómo se crea un ícono animado de servidor de Discord a partir de tu logo?

  1. Anima el logo como un loop cuadrado. Un reposo suave (un balanceo, una respiración, un parpadeo) le queda mejor a un ícono que una gran intro, porque se repite todo el día.
  2. Exporta un MP4 cuadrado con el color de fondo que quieras detrás del logo.
  3. Conviértelo a GIF en 512×512 con una paleta generada a partir del clip:
ffmpeg -i icon.mp4 \
  -vf "fps=15,scale=512:512:flags=lanczos,split[a][b];[a]palettegen[p];[b][p]paletteuse" \
  -loop 0 server-icon.gif
  1. Súbelo donde cambias el ícono del servidor en Ajustes del servidor, guarda y revísalo en la lista de servidores.

El mismo loop puede convertirse en un emoji del servidor si lo reduces por debajo del límite de 256 KB que Discord fija para los emojis; consulta especificaciones de emojis y stickers de Discord. Encontrarás más sobre la calidad de los GIF en cómo convertir un logo en GIF.

¿Por qué el ícono de mi servidor de Discord no está animado?

  • El servidor está por debajo del nivel 1. La animación es una ventaja de las mejoras (Boosts). Revisa primero el estado de mejoras del servidor.
  • El archivo no es un GIF. La documentación de la API de Discord indica que el ícono admite cargas en PNG, JPEG y GIF, y solo un GIF puede estar animado ahí. Un WebP animado o un APNG no sirven.
  • El GIF tiene un solo fotograma. Un PNG renombrado a .gif, o un GIF exportado a partir de una sola imagen fija, no se moverá. Ábrelo en un navegador para comprobarlo.
  • La carga fue rechazada. Si Discord no acepta el archivo, hazlo más liviano (menos fotogramas, menos colores, un loop más corto) y vuelve a intentarlo.

¿Charmotion puede crear un ícono animado de servidor de Discord?

Puede crear el loop. Charmotion anima una imagen de logo o mascota en 17 animaciones, incluidos 10 moods en loop sin cortes, entregados como MP4 de 1080×1080 y vistas previas en GIF de 480 px en cada set. Ambos tienen fondo sólido, lo que encaja con un ícono porque llena el círculo. Usa el GIF de 480 px tal cual o convierte el MP4 a 512×512 con el comando de arriba. Las animaciones funcionan mejor con símbolos de logo y personajes; un logo solo de texto se mueve como un todo y sigue siendo difícil de leer a tamaño de ícono.

Cómo poner un ícono animado en tu servidor de Discord

  1. Alcanza el nivel 1 de mejoras. Lleva el servidor al nivel 1 de mejoras del servidor (2 mejoras), que desbloquea el ícono animado del servidor.
  2. Anima un loop cuadrado. Crea un loop cuadrado, corto y sin cortes de tu símbolo de logo, con todo dentro de un círculo centrado.
  3. Convierte a GIF. Exporta un GIF de 512×512 o 1024×1024 a entre 12 y 15 cuadros por segundo con una paleta generada a partir del clip.
  4. Sube y revisa. Sube el GIF como ícono del servidor en Ajustes del servidor, guarda y revísalo en la lista de servidores con los temas oscuro y claro.

Preguntas frecuentes

¿Necesito Nitro para tener un ícono animado en mi servidor de Discord?

No, no por sí solo. El servidor necesita el nivel 1 de mejoras del servidor, que requiere 2 mejoras. Las mejoras las dan los miembros del servidor; una suscripción a Nitro incluye 2 mejoras, así que un miembro con Nitro puede llevar un servidor al nivel 1, pero Nitro por sí solo no desbloquea un ícono animado en un servidor que nadie ha mejorado.

¿Qué pasa con el ícono animado del servidor si las mejoras vencen?

Las páginas de ayuda de Discord que revisamos no dicen exactamente qué pasa con un ícono animado existente. Como la animación es una ventaja del nivel 1, cuenta con perderla si el servidor baja de ese nivel, y ten lista una versión estática en PNG.

¿El ícono de un servidor de Discord puede ser un GIF con fondo transparente?

Puede, pero en un GIF la transparencia es total o nula en cada píxel, así que los bordes suaves se ven dentados tanto en el tema oscuro como en el claro. Un color de fondo sólido llena el ícono redondo de forma limpia y suele verse mejor.

Respuestas rápidas de esta guía

Fuentes

Guías relacionadas