Pular para o conteúdo
charmotion
Comece agora

Um mascote, todas as plataformas de figurinhas

Por equipe Charmotion · Atualizado em

Ilustração de capa do guia de figurinhas e emojis: Um mascote, todas as plataformas de figurinhas, com personagens de demonstração do Charmotion

Crie um arquivo mestre com fundo transparente para cada humor, quadrado e com pelo menos 618 px, com cada clipe concluído em até 3 segundos. Depois, converta para cada plataforma: WEBM VP9 em 512 px para o Telegram, WebP animado 512×512 para o WhatsApp, APNG de 300 a 618 px para o iMessage, APNG em 320 px ou GIF para o Discord e um GIF pequeno para o Slack.

Principais pontos

  • O limite de 3 segundos do Telegram é o menor teto de duração, então crie cada clipe para terminar em até 3 segundos.
  • O tamanho grande do iMessage (618×618) é o maior alvo; um arquivo mestre de 1080×1080 atende a todas as plataformas.
  • Cada plataforma pede um arquivo diferente: WEBM, WebP animado, APNG ou GIF.
  • Os limites de tamanho para formatos raster vão de 128 KB (orientação do Slack) a 512 KiB (stickers do Discord); o .TGS vetorial do Telegram é mais restrito, com 64 KB.
  • Mantenha escala, margem e taxa de frames idênticas em todas as figurinhas para que o pacote pareça um conjunto único.

Já tem um personagem ou logo? Veja seu personagem em telas reais de app: telas de splash, onboarding, carregamento e estado vazio. É grátis, roda no navegador e não envia nada.

Quais plataformas aceitam figurinhas animadas e em qual formato?

Cinco grandes plataformas de chat aceitam figurinhas ou emojis animados, cada uma com seu próprio formato e seus limites:

PlataformaFormatoDimensõesDuração máx.Taxa de framesArquivo máx.
Figurinha de vídeo do TelegramWEBM VP9, sem áudioUm lado com 512 px, o outro ≤5123 s≤30 fps256 KB
Emoji de vídeo do TelegramWEBM VP9100×1003 s≤30 fps256 KB
Telegram animado (.TGS)Subconjunto do Lottie via Bodymovin-TGCanvas de 512×5123 s60 fps64 KB
Miniatura do pacote no TelegramWEBP/PNG 100×100 ≤128 KB; TGS ≤32 KB; WEBM ≤32 KB----
Figurinha animada do WhatsAppWebP animadoExatamente 512×51210 sNão especificado (frames ≥8 ms)500 KB
Sticker do iMessageAPNG ou GIF animado; PNG ou JPEG estático300, 408 ou 618 px @3x (um tamanho por pacote)--500 KB
Emoji do DiscordJPEG, PNG, GIF, WebP, AVIF128×128 recomendado (página de ajuda, não verificado)--256 KiB
Sticker do DiscordPNG, APNG, GIF, Lottie (Lottie: servidores verificados ou parceiros)320×3205 s-512 KiB
Emoji do SlackJPG, PNG, GIFQuadrado (sem tamanho em pixels informado)GIF ≤50 frames-Menos de 128 KB

Um traço indica que a fonte oficial não define limite para aquela coluna. O WhatsApp também exige de 3 a 30 figurinhas por pacote, sem misturar estáticas e animadas, e um ícone de bandeja estático de 96×96 com 50 KB ou menos.

Qual deve ser o tamanho da animação master?

Pelo menos do tamanho do maior destino, que é o sticker grande do iMessage, com 618×618 pixels. Todo o resto é menor: 512 para Telegram e WhatsApp, 408 ou 300 para os outros tamanhos do iMessage, 320 para stickers do Discord e cerca de 128 para emojis do Discord e do Slack. Reduzir fica limpo; ampliar deixa a imagem borrada.

Um master de 1080×1080 com fundo transparente dá uma folga confortável. Mantenha-o quadrado, porque WhatsApp, stickers do Discord e iMessage usam dimensões quadradas, e o Slack recomenda imagens quadradas.

Mantenha transparência real no master. Um WebM VP9 com canal alfa ou uma sequência de PNG permite que cada saída preserve bordas suaves onde o formato aceitar. Partir de um GIF limita todos os derivados a transparência do tipo liga/desliga, e partir de um MP4 opaco significa não ter transparência nenhuma.

Deixe uma margem consistente ao redor do personagem, mais ou menos igual em todos os clipes. Assim, cada versão redimensionada mantém o mesmo enquadramento, e uma figurinha nunca é cortada na borda no meio de um pulo.

Quais humores rendem boas figurinhas?

Figurinhas substituem uma frase, então cada uma deve corresponder a algo que as pessoas dizem no chat. Os estados de um mascote se encaixam bem:

Humor ou reaçãoSignificado no chatFunciona como
Idle / waveOi, estou aquiFigurinha
HappyAmei, ótimoFigurinha ou emoji
ThinkingHmm, deixa eu verEmoji
SadDesculpa, ah nãoFigurinha
SleepingAusente, boa noiteFigurinha
SuccessPronto, entregueEmoji ou figurinha
ErrorOps, quebrouEmoji
YesCombinado, aprovadoEmoji
NoNão, recusadoEmoji

Reações únicas e curtas (success, error, yes, no) funcionam melhor em tamanho de emoji, porque a silhueta inteira se move. Loops mais calmos (idle, sleeping) precisam da área maior da figurinha para mostrar os detalhes.

Deixe de fora estados que só fazem sentido dentro de um app, como loading ou listening. Eles são úteis como feedback de interface, mas raramente são algo que alguém queira mandar para um amigo.

Seis reações únicas: success, error, yes, no, enter e exit
As reações únicas são disparadas com triggers e voltam ao humor atual quando terminam.

Qual deve ser a duração de cada loop em cada plataforma?

Três segundos ou menos. O Telegram limita figurinhas em vídeo e emojis a 3 segundos, o limite mais rígido das cinco plataformas. O Discord permite 5 segundos para stickers animados, o WhatsApp 10 segundos, e o Slack limita GIFs a 50 frames, o que dá cerca de 4,2 segundos a 12 fps ou 3,3 segundos a 15 fps.

Por isso, um clipe pensado para 3 segundos funciona em todo lugar sem reedição. Cortar um loop mais longo em 3 segundos costuma deixar um salto visível no ponto do loop, então planeje o tempo desde o início ou escolha reações únicas que já terminam rápido.

Mais duas regras de tempo definem o clipe. O WhatsApp encerra a animação no primeiro frame depois do loop, então comece cada clipe com uma pose completa e legível. O Telegram pede que figurinhas em vídeo fiquem em loop, então o último frame deve emendar de volta no primeiro.

Dez estados em loop de um personagem, cada um selecionado por um número de mood de 0 a 9
Os dez estados em loop em um arquivo Rive do Charmotion, selecionados com o input numérico mood.

Como manter um pacote consistente entre plataformas?

Converta todas as versões a partir dos mesmos masters, com as mesmas configurações, para que a escala, o enquadramento e o tempo do personagem sejam iguais em todo lugar. Na prática:

  • Um master por humor. Com fundo transparente, quadrado, mesma margem e mesmas regras de duração.
  • Um script por plataforma. Use os comandos testados em Converter WebM transparente para todos os formatos de figurinha e altere só o nome do arquivo de entrada.
  • Mesma taxa de quadros por plataforma. Não misture figurinhas de 15 fps e 30 fps no mesmo pacote; lado a lado, o movimento parece irregular.
  • Mesmos nomes. Use o nome do humor em todos os nomes de arquivo (yes.webm, yes.webp, yes.gif) e como nome do emoji no Slack ou no Discord.

O Charmotion transforma um personagem, mascote ou logo enviado em 17 animações como arquivo .riv em poucos minutos. WebM transparente (VP9 com alfa) e MOV (HEVC com alfa) em 1080×1080, MP4 e um GIF de 480 px são exportados sob demanda, em cerca de um minuto. Ele não exporta pacotes de figurinhas prontos. Use os WebM transparentes (planos pagos, a partir de US$ 20/mês) como masters, corte as reações únicas, como success, yes e no, para 3 segundos ou menos e redimensione com os comandos de cada plataforma.

Onde estão os guias passo a passo de cada plataforma?

Cada guia mostra os motivos de rejeição daquela plataforma e um comando de conversão testado. Se você for converter vários humores de uma vez, comece por Converter WebM transparente para todos os formatos de figurinha, que explica por que o ffmpeg descarta o canal alfa por padrão e como conferir cada saída antes de fazer o upload.

Para usar o mesmo personagem fora do chat, como em um site, veja Vídeo com fundo transparente em sites e GIF vs WebM vs MP4 vs Lottie vs Rive.

Como criar um pacote de figurinhas de mascote para todas as plataformas

  1. Escolha os humores. Escolha de 8 a 15 humores e reações que correspondam a mensagens comuns no chat.
  2. Crie masters transparentes. Renderize cada um como WebM quadrado com fundo transparente, com pelo menos 618 px, terminando em até 3 segundos e começando em uma pose legível.
  3. Converta por plataforma. Rode os comandos ffmpeg testados para WEBM do Telegram, WebP do WhatsApp, APNG e GIF, com configurações idênticas em todo o pacote.
  4. Confira os limites. Verifique dimensões, duração, canal alfa e bytes em relação à linha de cada plataforma na tabela.
  5. Envie e teste. Publique cada pacote e confira as figurinhas sobre fundos claros e escuros em dispositivos reais.

Perguntas frequentes

Um único arquivo funciona como figurinha em todas as plataformas?

Não. O Telegram pede WEBM VP9, o WhatsApp pede WebP animado com exatamente 512×512, o iMessage aceita APNG ou GIF nos próprios tamanhos, os stickers do Discord precisam ser PNG, APNG, GIF ou Lottie em 320×320, e o Slack aceita GIF. Mantenha um master transparente por humor e converta-o para cada plataforma.

Qual é o menor limite de tamanho de arquivo entre as plataformas?

Para arquivos raster, a recomendação do Slack, de menos de 128 KB, é a mais rígida, seguida por 256 KB para figurinhas em vídeo do Telegram e 256 KiB para emojis do Discord. O formato vetorial .TGS do Telegram é ainda mais restrito, com 64 KB. Planeje GIFs pequenos, em tamanho de emoji, para Slack e Discord em vez de reaproveitar arquivos maiores de figurinha.

Quantas figurinhas um pacote de mascote deve ter?

O WhatsApp exige de 3 a 30 por pacote, e a Bot API do Telegram aceita de 1 a 50 figurinhas ao criar um conjunto. Algo entre 8 e 15 é prático: o suficiente para cobrir cumprimentos, concordância, agradecimentos e reações comuns, mantendo cada figurinha distinta e o trabalho de conversão viável entre plataformas.

Fontes

Guias relacionados