SVGA
Escolher o formato de animação para presentes, efeitos de entrada e temas de sala é uma decisão que impacta o projeto por anos. Ela molda os SDKs dos seus clientes, o pipeline dos designers, a conta da CDN e o desempenho do app em um celular Android de $120. Aqui está uma comparação técnica dos formatos que apps de live streaming e de festa com bate-papo por voz realmente utilizam, com números baseados em catálogos reais.
Comparação rápida
| Formato | Transparência | Áudio | Presente típico de 5 s | Renderização | Ideal para |
|---|---|---|---|---|---|
| SVGA 2.0 | Sim (alpha completo) | Sim, embutido | 0.5-2 MB | Camadas nativas na GPU | Presentes, efeitos de entrada, temas |
| Lottie (JSON) | Sim (vetorial) | Não | 0.1-1 MB vetorial; 5-20 MB com imagens | Vetor rasterizado por quadro | Animações de UI, ícones, mascotes simples |
| Animated WebP | Sim | Não | 1-4 MB | Decodificação de imagem | Stickers de chat, loops pequenos |
| GIF | Apenas 1-bit | Não | 3-12 MB | Decodificação de imagem | Stickers legados |
| MP4 / H.264 | Não | Sim | 0.5-3 MB | Decodificador de vídeo via hardware | Efeitos em tela cheia sem sobreposição |
| PNG sequence | Sim | Não | 10-40 MB | Decodificação de imagem | Nada — converta-o |
SVGA: o que é e por que se tornou o padrão
O SVGA (Simple Vector Graphics Animation) é um formato aberto criado pela YY/Joyy. Um arquivo contém as imagens da animação, uma linha do tempo de transformação por quadro para cada camada e, a partir do SVGA 2.0, uma faixa de MP3 embutida — tudo compactado em zlib e codificado em protobuf. Ele é renderizado por meio do SVGAPlayer (código aberto) no Android, iOS, Flutter, React Native e na web. Três propriedades o tornaram o padrão da indústria: alpha real para que os presentes flutuem sobre o vídeo da transmissão, áudio dentro do arquivo para que o cliente precise fazer apenas um download, e camadas compostas na GPU que não exigem decodificador de vídeo — motivo pelo qual um SVGA a 20 fps roda suavemente onde uma sobreposição em MP4 a 30 fps engasga em um celular com 2 GB de RAM.
Lottie: brilhante para UI, inadequado para presentes premium
O Lottie (Bodymovin JSON) é imbatível para animações de interface vetoriais: arquivos minúsculos, nítidos em qualquer resolução, fáceis de customizar, e qualquer equipe mobile já utiliza lottie-android e lottie-ios. Mas presentes premium não são arte vetorial. Eles são renderizações 3D fotorrealistas com partículas, brilho, bokeh e lens flares. Exportados como Lottie, eles se tornam arquivos JSON gigantes com camadas de imagem sem áudio, e rasterizar cenas vetoriais complexas a cada quadro pesa muito em CPUs fracas. O padrão adotado pela maioria das plataformas é: Lottie para a UI do app e badges, SVGA para presentes e temas. (A ferramenta Motion Graphics do SVGA Maker exporta ambos, permitindo que você escolha por recurso).
WebP e GIF: stickers, não efeitos
O WebP animado é compacto e suporta canal alpha, sendo adequado para stickers de chat e pequenos emotes em loop. Ele não possui áudio, não tem controle de camadas e é decodificado na CPU, ou seja, efeitos de tela cheia com 5 segundos de duração viram arquivos de 3 a 4 MB que travam quadros. O GIF é pior em todos os aspectos: 256 cores, transparência de 1 bit com serrilhado e 3 a 12 MB por presente. Nunca lance presentes em GIF em 2026.
MP4: um ótimo codec, mas sem o único recurso essencial
O vídeo em H.264/H.265 é leve e decodificado via hardware — mas não consegue carregar um canal alpha. Alguns apps simulam transparência usando shaders de fundo verde (chroma key) ou vídeo alpha lado a lado (estilo VAP). Funciona, mas as bordas oscilam, cada dispositivo decodifica de forma ligeiramente diferente e você passa a ter que manter código de renderização customizado. O MP4 é a escolha certa apenas para efeitos em tela cheia que não cobrem o vídeo da transmissão.
Sequências de PNG: o formato do qual você deve fugir
Designers ainda entregam sequências de PNG vindas do After Effects. Elas são sem perda de qualidade e transparentes — e possuem entre 10 e 40 MB por presente. Converta-as (ou a prévia em MP4) para SVGA antes de enviar qualquer coisa para o cliente.
Desempenho nos celulares dos seus usuários
Apps de festa crescem mais rápido em mercados repletos de dispositivos com 2 a 3 GB de RAM. A vantagem do SVGA nesses cenários é estrutural: camadas pré-renderizadas, composição na GPU, sem tempo de inicialização do decodificador e arquivos pequenos. Mantenha a taxa de quadros em 20 fps para presentes e 12-15 fps para temas, dimensões entre 384-720 px e arquivos com menos de 2 MB. Pré-carregue os dez presentes mais enviados ao entrar na sala; o restante pode ser carregado no primeiro envio.
A realidade das ferramentas em 2026
A fraqueza histórica do SVGA era o ecossistema de ferramentas — um plug-in do After Effects, exportações em PNG, conversão manual, sem pré-visualização. Isso foi resolvido. O SVGA Maker gera presentes a partir de uma ideia em texto, converte qualquer vídeo para SVGA com som, cria temas silenciosos para salas e pré-visualiza qualquer formato (SVGA, Lottie, WebP, GIF, MP4) no navegador com áudio. Equipes na AppLooma LLC gerenciam catálogos inteiros de plataformas por meio dele.
Recomendação
- Presentes, efeitos de entrada, temas de sala → SVGA 2.0.
- UI do app, badges, carregadores (loaders) → Lottie.
- Stickers de chat → WebP animado.
- Efeitos em tela cheia sem sobreposição → MP4.
- Sequências de GIF e PNG → nunca em produção.
Pronto para montar o catálogo? Comece lendo como criar presentes SVGA para apps de festa com salas de voz.
Notas de migração se você está mudando para SVGA
Adicione o SVGAPlayer aos clientes (algumas horas por plataforma), mantenha um caminho de fallback para versões mais antigas do app que ainda esperam o formato anterior e converta o catálogo existente em lotes — o conversor de vídeo para SVGA lida com exportações em MP4 e WebM com áudio, e sequências de PNG podem ser renderizadas para MP4 primeiro. Lance os 20 presentes mais enviados primeiro, meça a fluidez da reprodução na sua matriz de dispositivos e, em seguida, migre o restante.
Perguntas frequentes
O SVGA suporta 60 fps? Sim, mas os presentes raramente precisam de mais de 20-25 fps; taxas mais altas servem principalmente para inflar o tamanho do arquivo.
Um arquivo SVGA também funciona na web? Sim — o SVGAPlayer-Web renderiza em um canvas com áudio; o mesmo arquivo atende Android, iOS e web.
Como exibo uma miniatura do presente na loja? Exporte um quadro estático como WebP ou PNG (a ferramenta gratuita de miniatura faz isso) — nunca carregue a animação inteira apenas para desenhar uma grade.
O SVGA ainda é mantido? O formato é estável e os reprodutores são de código aberto com forks ativos; milhares de apps o utilizam diariamente, e o SVGA Maker produz arquivos SVGA 2.0 padrão que não exigem reprodutor customizado.
E quanto ao VAP ou outros formatos de vídeo com alpha? Eles resolvem a transparência para MP4, mas exigem código de renderização customizado em cada plataforma e não oferecem controle de camadas. A maioria das equipes que avalia ambos ainda escolhe SVGA para presentes.
Principais conclusões
- O SVGA 2.0 é o único formato convencional com alpha real, áudio embutido e camadas compostas na GPU — exatamente o que os presentes precisam.
- O Lottie continua sendo a ferramenta certa para animações de interface; mantenha ambos no app e escolha por recurso.
- A disciplina com o tamanho importa mais do que a escolha do formato: 20 fps, 384-720 px, menos de 2 MB por presente, menos de 3 MB por tema.
- As ferramentas modernas eliminaram as antigas dificuldades do SVGA — geração, conversão com som e pré-visualização no navegador agora são operações de um clique.
- Migre em lotes começando pelos presentes mais enviados e mantenha um fallback para versões mais antigas do cliente.
Se tiver dúvidas, faça um piloto de duas semanas: converta seus dez presentes mais enviados para SVGA, lance-os com uma feature flag para uma região específica e compare sessões sem falhas (crash-free), latência de envio de presentes e retenção na sala em relação ao formato antigo. Em todos os pilotos que realizamos, a versão com SVGA venceu em todas as três métricas em dispositivos de entrada.
