Incorporar imagens em JSON Lottie
Adicione JSON Lottie e as imagens necessárias e incorpore as imagens da animação selecionada em um único arquivo JSON. Também é possível carregar arquivos .lottie e ZIP. Resolva as referências, confira o movimento da animação criada e entregue-a como JSON com imagens incorporadas.
O que você pode fazer
Colocar imagens dentro do JSON
Substitua referências a arquivos externos por dados de imagem para criar JSON Lottie com imagens incorporadas.
Corresponder referências às imagens
Confira os recursos necessários à animação. Adicione as imagens ausentes e, se houver candidatos com o mesmo nome, escolha quais recursos usar.
Conferir o arquivo criado
Confira as imagens e o movimento em uma prévia que recarrega o JSON depois da incorporação e, em seguida, salve-o.
Como usar
Adicionar JSON e as imagens necessárias
Adicione JSON Lottie e as imagens referenciadas por ele. Preservar a estrutura de pastas ao adicioná-las facilita conferir a correspondência com as referências.
Conferir o destino e os mapeamentos das imagens
Selecione a animação de destino e confira o status das imagens referenciadas. Resolva os recursos ausentes e os candidatos duplicados.
Criar JSON com imagens incorporadas
Depois de resolver todas as referências, selecione “Criar JSON”. Este recurso não substitui imagens por outras diferentes nem gera imagens automaticamente.
Conferir a prévia do resultado e salvar
Confira a exibição do JSON criado e faça o download. Alterar a velocidade ou o plano de fundo para inspeção não modifica o JSON salvo.
Útil para
Entregar uma animação e suas imagens em um único arquivo
Inclua as imagens necessárias no JSON para compartilhá-lo e reduzir o risco de esquecer de enviar imagens separadas.
Reunir referências a imagens externas
Prepare um arquivo com imagens referenciadas incorporadas para evitar que caminhos relativos das imagens sejam quebrados no destino.
Incorporação de imagens e formatos de arquivo
De referências externas para data URI
Normalmente, são referenciados caminhos ou nomes de arquivos de imagem. Ao incorporar, o JSON inclui strings com dados que representam as imagens.
A incorporação não reduz o tamanho do arquivo
Com Base64, os dados da imagem ocupam aproximadamente 4/3 do tamanho original. JSON com imagens é maior que o JSON original, então confira também o tamanho do arquivo após salvar.
Incorporação em JSON e pacote .lottie
Esta tela inclui dados de imagem em um único arquivo JSON. .lottie reúne JSON e recursos em um pacote compactado. Escolha de acordo com os formatos aceitos no destino.
Perguntas frequentes
Incorporar imagens aumenta o tamanho do arquivo?
Sim. Os dados da imagem são adicionados ao JSON original e representados em Base64, então o arquivo geralmente fica maior. Este recurso não compacta imagens para reduzir o tamanho do arquivo.
Qual é a diferença em relação a empacotar como .lottie?
A saída é diferente. Esta tela cria JSON com imagens, enquanto Empacotar Lottie com imagens cria um arquivo .lottie com recursos reunidos. Escolha de acordo com os formatos compatíveis com seu aplicativo ou biblioteca.
O que acontece quando faltam imagens referenciadas?
É necessário adicionar os recursos ausentes. Se houver vários candidatos com o mesmo nome, escolha o arquivo a usar. Não é possível criar JSON até que as referências necessárias sejam resolvidas.
As imagens são carregadas automaticamente de URLs de imagem?
Imagens não são carregadas automaticamente de URLs externos. Adicione os recursos necessários dos arquivos locais e confira as referências correspondentes.
O JSON ou as imagens originais são alterados?
Os arquivos originais não são substituídos. Um novo arquivo JSON é salvo. Depois de alterar o destino ou os mapeamentos dos recursos, crie-o novamente.
É possível converter qualquer Lottie para JSON?
A entrada precisa poder ser carregada como Lottie e ter todos os recursos necessários resolvidos. Esta tela não pode criar uma saída quando a entrada contém extensões que não podem ser mantidas, como temas ou estados interativos.
Entrada e resultados
- Entrada
- JSON Lottie e imagens locais necessárias. Também é possível carregar arquivos .lottie e ZIP. Este recurso não transforma JSON comum em vídeo.
- Saída
- Uma animação selecionada. JSON com os dados das imagens referenciadas incorporados.
- Conferir
- Salve quando a prévia da saída gerada estiver disponível. Recrie-a depois de adicionar recursos ou alterar mapeamentos.