Visualizador Lottie
Player Lottie online grátis. Abra qualquer animação Lottie JSON, reproduza, percorra quadros, mude a velocidade, ative o loop e visualize em fundo xadrez transparente — direto no navegador.
O que é um arquivo Lottie?
Um arquivo Lottie é uma exportação em JSON de uma animação vetorial, geralmente criada no After Effects com o plugin Bodymovin ou em ferramentas como o LottieFiles. Apps e sites o reproduzem com um renderizador leve em vez de vídeo, então o arquivo é minúsculo e não perde qualidade em nenhuma escala.
Como pré-visualizar uma animação Lottie aqui?
Clique na área de upload ou arraste seu arquivo .json para ela. A animação carrega na hora e começa a tocar. Você também pode usar o botão de exemplo para testar o player com uma amostra embutida.
Minha animação é enviada para algum servidor?
Não. O arquivo é lido e renderizado inteiramente na aba do navegador. Nada é transmitido, o que torna a ferramenta segura para trabalhos de clientes não publicados e materiais confidenciais.
Quais controles de reprodução existem?
Reproduzir e pausar, botão de reinício, alternador de loop, barra de quadros arrastável e seletor de velocidade de 0,25x a 2x. A leitura mostra o quadro atual, o total e o FPS da animação.
Por que existe um fundo xadrez?
O xadrez simula transparência, exatamente como nas ferramentas de design. Use-o para verificar que sua animação não tem fundo indesejado; mude para branco ou preto para conferir bordas, brilhos e sombras em superfícies claras ou escuras.
Quais versões do Lottie são suportadas?
O player usa o renderizador lottie-web, compatível com JSON do Bodymovin a partir da versão 4: camadas de forma, máscaras, mattes, trim paths e a maioria das expressões já compiladas na exportação.
Funciona em celulares?
Sim. O layout é responsivo e a renderização usa o mesmo motor SVG, então funciona nos navegadores iOS e Android. Os controles têm tamanho para toque.
Qual a diferença entre .json e .lottie?
O formato .lottie (dotLottie) é um zip compactado que pode conter o JSON junto com recursos e mais. Este visualizador abre o .json padrão do Lottie diretamente; em arquivos dotLottie, extraia primeiro o .json interno.
Por que minha animação toca devagar ou fica estranha?
Animações com muitas camadas, imagens ou expressões exigem muito da renderização. Verifique se as imagens não foram exportadas separadamente, simplifique a composição ou reduza a velocidade: a leitura de FPS mostra a taxa prevista da animação.
Como usar Visualizador Lottie
Este visualizador Lottie reproduz animações Bodymovin JSON inteiramente no seu navegador com o renderizador lottie-web. Carregue um arquivo ou arraste-o, controle a reprodução quadro a quadro e visualize em fundo transparente, branco ou preto — nada é enviado para fora.
- Clique na área de upload ou arraste um arquivo .json do Lottie para ela; a animação carrega e começa a tocar imediatamente.
- Use o grande botão de reproduzir/pausar e o botão de reiniciar para controlar a reprodução.
- Arraste o controle de quadros para ir a qualquer quadro; a leitura mostra quadro atual, total de quadros e FPS.
- Escolha uma velocidade entre 0,25x e 2x e ative o botão de loop para repetição contínua.
- Alterne o fundo entre xadrez transparente, branco e preto para inspecionar bordas, brilhos e sombras.
Aperte primeiro o botão de exemplo para ver como o player se comporta antes de carregar sua própria animação — útil quando um cliente envia um JSON e você precisa de uma checagem rápida.
Ferramentas relacionadas
- Visualizador e Editor SVG Visualize, edite e otimize arquivos SVG online. Visualização em tempo real, edição de código e ferramentas de otimização.
- Visualizador de árvore JSON Visualize dados JSON como uma árvore recolhível interativa. Pesquise chaves e valores, rastreie JSONPath ao passar o cursor e manipule arquivos grandes com carregamento preguiçoso. Suporta arrastar e soltar arquivos .json.
- Gerador de Sprite Sheet Combine imagens em sprite sheet com arrastar para reordenar, layout em grade, preenchimento, modos de escala. Exporte PNG/WebP/JPG com dados JSON atlas para motores de jogos e CSS.
- Imagem para Base64 Converta imagens em strings Base64 e decodifique Base64 de volta para imagens. Suporta PNG, JPG, GIF, WebP, SVG, BMP, ICO. 100% no navegador, sem upload.
- GIF Extrair Quadros Extrai e baixa quadros individuais de animações GIF como PNG ou sprite sheet. Ferramenta online gratuita com visualização e exportação ZIP.
- GIF Invertido Inverte a ordem de reprodução de animações GIF online gratuitamente. Carregue, visualize e baixe instantaneamente.
- Alterador de Velocidade GIF Altere a velocidade da animação GIF online. Acelere ou desacelere arquivos GIF instantaneamente.
- Vídeo para GIF Converta vídeo em GIF animado online. Ajuste qualidade, taxa de quadros e resolução diretamente no seu navegador sem enviar ficheiros.