Empacotar Lottie com imagens
Adicione Lottie JSON, .lottie ou ZIP e as imagens referenciadas, verifique as correspondências e empacote tudo em um único .lottie. Entregue uma animação selecionada com seus recursos. As dimensões e a qualidade das imagens permanecem inalteradas, e você pode conferir o movimento da animação criada antes de salvar.
O que você pode fazer
Combine imagens e animação em um arquivo
Armazena em .lottie as imagens referenciadas pelo Lottie JSON junto com a animação.
Verificar as correspondências dos recursos
Corresponda nomes de referência às imagens no seu dispositivo. Se faltarem imagens ou vários candidatos tiverem o mesmo nome, confirme as correspondências antes de criar o arquivo.
Reproduzir e salvar o arquivo criado
O .lottie gerado é carregado novamente para pré-visualização. Verifique as imagens e o movimento e então baixe esse arquivo.
Como usar
Adicionar JSON e imagens
Adicione o Lottie JSON e as imagens necessárias. Você também pode adicioná-los juntos como uma pasta ou ZIP.
Verificar as correspondências das imagens
Verifique os recursos que correspondem a cada referência. Adicione imagens ausentes e escolha a imagem a usar quando houver vários candidatos.
Criar .lottie
Verifique as imagens e o movimento na pré-visualização e então selecione “Criar arquivo .lottie”. Se houver várias animações, a que você selecionar será criada.
Verificar o resultado e salvar
Quando a pré-visualização do arquivo gerado for exibida, verifique o conteúdo e selecione “Baixar” para salvá-lo.
Útil para
Entregar animações com seus recursos
Reúna o JSON da animação e as imagens em um único .lottie, em vez de entregá-los separadamente.
Publicar animações que usam imagens
Prepare um arquivo contendo as imagens necessárias para incorporar em um site ou aplicativo compatível com .lottie.
Entregar Lottie com imagens
Nomes de referência e imagens locais
Verifique os recursos que correspondem aos nomes e caminhos das imagens no JSON. Se vários candidatos tiverem o mesmo nome, escolha o que usar. As imagens não são obtidas automaticamente de URLs externas.
.lottie e JSON com imagens incorporadas
.lottie é um formato de pacote que armazena animações e recursos. Use “Incorporar imagens no Lottie JSON” para codificar imagens como strings e incluí-las no JSON.
O reprodutor de destino
Verifique se o destino é compatível com .lottie. Verificar a exibição nesta página não garante reprodução idêntica em todos os reprodutores.
Aparência das imagens e configurações de pré-visualização
As dimensões das imagens e a qualidade de compressão não são alteradas. Velocidade de reprodução, fundo e repetição servem apenas para pré-visualização e não afetam o movimento ou os recursos salvos.
Perguntas frequentes
O que acontece se faltarem imagens obrigatórias?
A referência correspondente é exibida e a criação é interrompida. Adicione imagens do seu dispositivo. Imagens ausentes não são obtidas nem geradas automaticamente.
Tenho várias imagens com o mesmo nome.
Selecione uma imagem para cada referência. Verifique os caminhos nas pastas e as pré-visualizações para corresponder às imagens pretendidas.
Posso criar Lottie apenas com imagens?
Não. Você precisa de Lottie JSON com movimento definido. Esta ferramenta empacota essa animação e suas imagens referenciadas.
Posso salvar várias animações juntas?
Esta página salva a animação que você selecionar. Use “Empacotar animações Lottie em um arquivo” para empacotar várias animações mantendo-as separadas.
Posso criar arquivos que contenham temas ou estados interativos?
Este recurso não consegue lidar com eles. Poder pré-visualizar o movimento básico não significa que a saída possa ser criada preservando configurações avançadas. Exporte o Lottie básico e adicione-o aqui.
Entradas e resultados
- Entrada
- Lottie JSON, .lottie ou ZIP, e imagens ou outros recursos referenciados do seu dispositivo.
- Saída
- Um .lottie contendo uma animação selecionada e seus recursos.
- Arquivos originais
- Eles não são sobrescritos. Crie a saída novamente após alterar a entrada ou as correspondências dos recursos.