Teste técnico · 16/10/2026 · acervo de produção
O mesmo Lottie do After Effects em três players
Teste de acervo, sem material de cliente. Os mesmos dois JSON de ontem (texto como glifo e texto como fonte, com Gaussian Blur, Drop Shadow, Glow e Fill) em lottie-web SVG, dotLottie web e Skottie (o player do Skia, via CanvasKit), ao lado do MP4 do aerender. A pergunta: algum desenha melhor o texto e os efeitos?
Conclusão
Nenhum player desenha o Glow (nem o Skottie, o mais completo do Skia). Para texto, o melhor é lottie-web em SVG com o texto exportado como glifo (igual ao After Effects, sem depender de fonte); o Skottie só acerta o texto se você entregar o arquivo da fonte, e então também anima letra a letra. Blur, Fill e Drop Shadow saem iguais nos três. Recomendação: seguir com lottie-web SVG (filterSize ligado) e refazer o brilho no AE com camada duplicada e desfoque, em vez de contar com o efeito Glow.
| O que | lottie-web SVG | dotLottie web | Skottie (CanvasKit) |
|---|---|---|---|
| Texto como glifo (letra a letra) | fiel | fiel | não desenha o texto (ignora os glifos do arquivo); com a fonte entregue, desenha e anima, mas na fonte entregue |
| Texto como fonte | anima certo; usa a fonte do aparelho | sem animação por letra; fonte de reserva fina | anima certo com a fonte entregue; sem ela, nada |
| Gaussian Blur e Fill | fiel | fiel | fiel |
| Drop Shadow | fiel com filterSize; sem ele, cortada | fiel | fiel |
| Glow | some | some | some |
| Peso das bibliotecas | 305 KB | 165 KB + 1,2 MB de wasm | 124 KB + 8,2 MB de wasm |
As colunas Skottie com fonte usam a DejaVu Sans no lugar da Arial (a VPS de teste não tem Arial), então as letras saem mais largas do que no After Effects; o ponto é que o texto aparece e anima.
Quadro a quadro
Scripts de CDN com versão fixa: lottie-web@5.13.0, @lottiefiles/dotlottie-web@0.81.0 e canvaskit-wasm@0.42.0 (build full, que inclui o Skottie), todos via cdn.jsdelivr.net.