Visualizador e inspetor de Lottie
Abra Lottie JSON, .lottie ou ZIP para inspecionar o movimento e os recursos antes da integração. Associe as imagens e fontes necessárias e confira a animação com diferentes posições de reprodução, velocidades e fundos. Os arquivos originais não são alterados e nenhum arquivo novo é criado ou salvo.
O que você pode fazer
Abrir um arquivo e reproduzir
Selecione uma animação em JSON, .lottie ou ZIP e inspecione-a reproduzindo, pausando ou movendo a posição de reprodução.
Encontrar os recursos necessários
Se imagens, fontes ou outros recursos estiverem ausentes, adicione-os do seu dispositivo. Você também pode escolher qual arquivo usar quando houver vários candidatos.
Conferir com fundos ou velocidades diferentes
Alterne entre fundos transparentes, brancos ou escuros e altere a velocidade de reprodução, a repetição ou o tamanho de exibição. Os arquivos originais não são alterados.
Como usar
Adicionar animações e recursos
Selecione JSON Lottie, .lottie ou ZIP. Se houver referências a recursos externos, adicione também a pasta ou os arquivos de recursos correspondentes.
Selecionar a animação a inspecionar
Se houver várias animações, selecione a que deseja inspecionar. Se forem indicados recursos ausentes ou candidatos duplicados, especifique os arquivos correspondentes.
Conferir movimento e aparência
Use os controles de reproduzir, pausar e buscar. Se necessário, altere o plano de fundo ou a velocidade em “Configurações de reprodução” para inspecionar a animação.
Útil para
Conferir se os dados entregues funcionam
Abra uma animação recebida e confira seu movimento e se todas as imagens necessárias estão presentes.
Conferir a aparência antes da integração
Experimente fundos claros e escuros e diferentes velocidades de reprodução para avaliar se a animação é adequada à tela em que será usada.
Relação entre animações e recursos
JSON, .lottie e ZIP
JSON Lottie contém dados de animação e formas. Arquivos .lottie e ZIP podem reunir animações e recursos.
Recursos referenciados também são necessários para exibição
Se imagens, fontes ou outros recursos estiverem em arquivos separados, confira seus nomes e locais nas pastas. Resolva recursos ausentes e duplicados antes da reprodução.
As configurações de reprodução servem para inspeção
Alterações na velocidade, repetição, plano de fundo e tamanho de exibição afetam somente a prévia. Este recurso não edita nem salva os dados da animação original.
Confira também no ambiente em que você vai usar
Temas, estados interativos e recursos específicos de cada reprodutor podem diferir da exibição básica da animação. Conseguir reproduzi-la aqui não garante a mesma aparência em todos os aplicativos.
Perguntas frequentes
E se as imagens não forem exibidas?
Em “Recursos referenciados”, confira se há conteúdo ausente ou incompatível. Adicione imagens do seu dispositivo e, se houver vários candidatos, escolha o arquivo a usar. Adicionar pastas preservando sua estrutura facilita a conferência das correspondências.
Posso reproduzir JSON comum ou somente imagens?
Você precisa de dados de animação no formato Lottie. Adicionar JSON comum ou somente imagens não permite reproduzi-los como animação.
Posso salvar um arquivo com a velocidade de reprodução alterada?
Esta ferramenta serve para inspeção. Ela não grava a velocidade de reprodução nem outras configurações nos dados originais e não os salva como um arquivo novo.
Como posso ver no tamanho original as áreas fora do quadro?
Selecione “Tamanho original” nas configurações de reprodução para rolar pela área de exibição e inspecioná-la. Volte para “Ajustar ao quadro” para mostrar a animação inteira.
Várias animações são reunidas em sequência?
Não. Escolha uma animação para inspecionar e reproduza uma de cada vez. Ao trocar de animação, as configurações de reprodução dela são redefinidas para os valores padrão.
E se as fontes ou recursos especiais não forem exibidos?
Confira os arquivos de fonte correspondentes. Dependendo da estrutura da exportação, adicionar recursos ainda pode não permitir a exibição do conteúdo. Confira também como aparece no aplicativo em que será usado, incluindo temas e estados interativos.
Entradas e resultados
- Entrada
- JSON Lottie, .lottie ou ZIP. Adicione imagens, fontes ou outros recursos conforme necessário.
- Conferir
- Movimento, dimensões, taxa de quadros, duração e recursos referenciados.
- Configurações de reprodução
- Velocidade, repetição, plano de fundo e tamanho de exibição. Os dados originais não são alterados.
- Saída
- Somente prévia. Nenhuma criação, conversão ou transferência é realizada.