Ir al contenido
charmotion
Empieza ahora

Una mascota de marca para todas las plataformas de stickers

Por el equipo de Charmotion · Actualizado el

Ilustración de portada de la guía de stickers y emoji: Una mascota, todas las plataformas de stickers, con personajes de demostración de Charmotion

Crea un máster transparente por estado de ánimo, cuadrado y de al menos 618 px, con cada clip completo en 3 segundos. Luego conviértelo para cada plataforma: WEBM VP9 a 512 px para Telegram, WebP animado de 512×512 para WhatsApp, APNG de 300 a 618 px para iMessage, APNG a 320 px o GIF para Discord, y un GIF pequeño para Slack.

Puntos clave

  • El límite de 3 segundos de Telegram es el tope de duración más corto, así que diseña cada clip para que termine en 3 segundos.
  • El tamaño grande de iMessage (618×618) es el objetivo más exigente; un máster de 1080×1080 cubre todas las plataformas.
  • Cada plataforma pide un archivo distinto: WEBM, WebP animado, APNG o GIF.
  • Los límites de peso para formatos raster van de 128 KB (recomendación de Slack) a 512 KiB (stickers de Discord); el formato vectorial .TGS de Telegram es más estricto, con 64 KB.
  • Mantén la misma escala, el mismo margen y la misma tasa de cuadros por segundo en todos los stickers para que el pack se perciba como un solo set.

¿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é plataformas aceptan stickers animados y en qué formato?

Cinco grandes plataformas de chat aceptan stickers o emoji animados, cada una con su propio formato y sus propios límites:

PlataformaFormatoDimensionesDuración máx.Cuadros por segundoPeso máx.
Sticker de video de TelegramWEBM VP9, sin audioUn lado de 512 px, el otro ≤5123 s≤30 fps256 KB
Emoji de video de TelegramWEBM VP9100×1003 s≤30 fps256 KB
Animado de Telegram (.TGS)Subconjunto de Lottie mediante Bodymovin-TGCanvas de 512×5123 s60 fps64 KB
Miniatura del set de TelegramWEBP/PNG 100×100 ≤128 KB; TGS ≤32 KB; WEBM ≤32 KB----
Sticker animado de WhatsAppWebP animado512×512 exactos10 sNo especificado (fotogramas ≥8 ms)500 KB
Sticker de iMessageAPNG o GIF animado; PNG o JPEG estático300, 408 o 618 px @3x (un tamaño por pack)--500 KB
Emoji de DiscordJPEG, PNG, GIF, WebP, AVIF128×128 recomendado (página de ayuda, sin verificar)--256 KiB
Sticker de DiscordPNG, APNG, GIF, Lottie (Lottie: servidores verificados o asociados)320×3205 s-512 KiB
Emoji de SlackJPG, PNG, GIFCuadrado (sin tamaño en píxeles indicado)GIF ≤50 fotogramas-Menos de 128 KB

Un guion indica que la fuente oficial no fija ningún límite para esa columna. WhatsApp además exige de 3 a 30 stickers por pack, no mezclar estáticos y animados, y un ícono de bandeja estático de 96×96 de 50 KB o menos.

¿Qué tamaño debe tener la animación maestra?

Como mínimo, el del destino más grande, que es el sticker grande de iMessage, de 618×618 píxeles. Todo lo demás es menor: 512 para Telegram y WhatsApp, 408 o 300 para los otros tamaños de iMessage, 320 para los stickers de Discord y unos 128 para los emoji de Discord y Slack. Reducir el tamaño da un resultado limpio; ampliarlo lo desenfoca.

Un máster transparente de 1080×1080 te deja margen de sobra. Mantenlo cuadrado, porque WhatsApp, los stickers de Discord e iMessage usan dimensiones cuadradas, y Slack recomienda imágenes cuadradas.

Conserva transparencia real en el máster. Un WebM VP9 con alfa o una secuencia PNG permite que cada salida mantenga bordes suaves donde el formato lo admite. Si partes de un GIF, todos los derivados quedan limitados a transparencia de todo o nada, y si partes de un MP4 opaco, no tendrás ninguna transparencia.

Deja un margen uniforme alrededor del personaje, más o menos igual en cada clip. Así todas las versiones escaladas conservan el mismo encuadre, y un sticker nunca se corta en el borde a mitad de un salto.

¿Qué estados de ánimo funcionan bien como stickers?

Un sticker reemplaza una frase, así que cada uno debe corresponder a algo que la gente dice en el chat. Los estados de una mascota de marca encajan muy bien:

Estado de ánimo o reacciónSignificado en el chatIdeal como
Reposo (idle) / saludoHola, aquí estoySticker
HappyMe encanta, genialSticker o emoji
ThinkingMmm, déjame verEmoji
SadPerdón, ay noSticker
SleepingAusente, buenas nochesSticker
SuccessListo, publicadoEmoji o sticker
ErrorUps, se rompióEmoji
YesDe acuerdo, aprobadoEmoji
NoNo, rechazadoEmoji

Las reacciones puntuales cortas (éxito, error, sí, no) se leen mejor en tamaño emoji, porque se mueve toda la silueta. Los loops más tranquilos (reposo, dormir) necesitan el lienzo más grande de un sticker para mostrar su detalle.

Omite los estados que solo tienen sentido dentro de una app, como loading o listening. Son útiles como respuesta visual en la interfaz, pero rara vez es algo que la gente quiera enviarle a un amigo.

Seis reacciones puntuales: éxito, error, sí, no, entrada y salida
Las reacciones puntuales se disparan con triggers y vuelven al estado de ánimo actual al terminar.

¿Cuánto debe durar cada loop en cada plataforma?

Tres segundos o menos. Telegram limita los stickers de video y los emoji a 3 segundos, el límite más estricto de las cinco plataformas. Discord permite 5 segundos para los stickers animados, WhatsApp 10 segundos, y Slack limita los GIF a 50 fotogramas, lo que equivale a unos 4.2 segundos a 12 fps o 3.3 segundos a 15 fps.

Por eso, un clip diseñado para 3 segundos funciona en todas partes sin volver a editarlo. Recortar un loop más largo a 3 segundos suele dejar un salto visible en el punto de repetición, así que define la duración desde el principio o elige reacciones puntuales que ya terminan rápido.

Hay dos reglas de tiempo más que condicionan el clip. WhatsApp termina la animación en su primer fotograma después de repetirla, así que empieza cada clip con una pose completa y fácil de leer. Telegram indica que los stickers de video deben repetirse en loop, así que el último fotograma debe enlazar con el primero.

Diez estados en loop de un mismo personaje, cada uno seleccionado con un número de mood del 0 al 9
Los diez estados en loop de un archivo Rive de Charmotion, seleccionados con el input numérico mood.

¿Cómo mantengo un mismo pack coherente en todas las plataformas?

Convierte cada versión por plataforma a partir de los mismos másteres y con la misma configuración, para que la escala, el encuadre y el ritmo del personaje coincidan en todas partes. En la práctica:

  • Un máster por estado de ánimo. Transparente, cuadrado, con el mismo margen y las mismas reglas de duración.
  • Un script por plataforma. Usa los comandos probados de Convierte WebM transparente a todos los formatos de sticker y cambia solo el nombre de entrada.
  • La misma frecuencia de cuadros por plataforma. No mezcles stickers de 15 fps y de 30 fps en un mismo pack; uno al lado del otro, el movimiento se ve irregular.
  • Los mismos nombres. Usa el nombre del estado de ánimo en cada nombre de archivo (yes.webm, yes.webp, yes.gif) y como nombre del emoji en Slack o Discord.

Charmotion convierte un personaje, mascota o logo que subes en 17 animaciones como archivo .riv en pocos minutos. WebM transparente (VP9 con alfa) y MOV (HEVC con alfa) a 1080×1080, MP4 y un GIF de 480 px se exportan bajo demanda, en alrededor de un minuto. No exporta packs de stickers listos. Usa los WebM transparentes (planes de pago, desde $20/mes) como masters, recorta las reacciones puntuales como success, yes y no a 3 segundos o menos, y escala con los comandos de cada plataforma.

¿Dónde están las guías paso a paso de cada plataforma?

Cada guía explica los motivos de rechazo de esa plataforma e incluye un comando de conversión probado. Si vas a convertir varios estados de ánimo a la vez, empieza por Convierte WebM transparente a todos los formatos de sticker, que explica por qué ffmpeg descarta el canal alfa de forma predeterminada y cómo revisar cada salida antes de subirla.

Para usar el mismo personaje fuera del chat, por ejemplo en un sitio web, consulta Video con fondo transparente en sitios web y GIF vs WebM vs MP4 vs Lottie vs Rive.

Cómo crear un pack de stickers de tu mascota de marca para todas las plataformas

  1. Elige los estados de ánimo. Elige de 8 a 15 estados de ánimo y reacciones que correspondan a mensajes comunes en el chat.
  2. Crea másteres transparentes. Renderiza cada uno como un WebM transparente y cuadrado, de al menos 618 px, que termine en 3 segundos o menos y empiece con una pose fácil de leer.
  3. Convierte por plataforma. Ejecuta los comandos de ffmpeg probados para WEBM de Telegram, WebP de WhatsApp, APNG y GIF con la misma configuración en todo el pack.
  4. Revisa los límites. Verifica las dimensiones, la duración, el canal alfa y el peso en bytes según la fila de cada plataforma en la tabla.
  5. Sube y prueba. Publica cada pack y revisa los stickers sobre fondos claros y oscuros en dispositivos reales.

Preguntas frecuentes

¿Un solo archivo puede funcionar como sticker en todas las plataformas?

No. Telegram pide WEBM VP9, WhatsApp pide WebP animado de exactamente 512×512, iMessage acepta APNG o GIF en sus propios tamaños, los stickers de Discord deben ser PNG, APNG, GIF o Lottie de 320×320, y Slack acepta GIF. Ten un máster transparente por estado de ánimo y conviértelo para cada plataforma.

¿Cuál es el límite de peso de archivo más pequeño entre las plataformas?

Para archivos rasterizados, la recomendación de Slack de menos de 128 KB es la más estricta, seguida de los 256 KB de los stickers de video de Telegram y los 256 KiB de los emoji de Discord. El formato vectorial .TGS de Telegram es aún más estricto, con 64 KB. Prepara GIF pequeños, del tamaño de un emoji, para Slack y Discord en lugar de reutilizar archivos de sticker más grandes.

¿Cuántos stickers debe tener un pack de mascota de marca?

WhatsApp exige de 3 a 30 por pack, y la Bot API de Telegram acepta de 1 a 50 stickers al crear un set. Entre 8 y 15 es lo práctico: suficientes para cubrir saludos, acuerdo, agradecimientos y reacciones comunes, sin que los stickers se parezcan entre sí y con un trabajo de conversión manejable en todas las plataformas.

Fuentes

Guías relacionadas