Crea Lottie con immagini
Aggiungi JSON Lottie, .lottie o ZIP e le immagini referenziate, controlla le corrispondenze e raccogli tutto in un unico file .lottie. Consegna un'animazione selezionata con le relative risorse. Le dimensioni e la qualità delle immagini restano invariate; puoi controllare il movimento dell'animazione creata prima di salvarla.
Cosa puoi fare
Raggruppa immagini e animazione in un unico file
Raggruppa le immagini a cui fa riferimento il JSON Lottie insieme all'animazione in un file .lottie.
Controlla la corrispondenza delle risorse
Abbina i nomi dei riferimenti alle immagini sul tuo dispositivo. Se mancano immagini o ci sono più candidati con lo stesso nome, conferma le corrispondenze prima di creare il file.
Riproduci e salva il file creato
Il file .lottie generato viene ricaricato per l'anteprima. Controlla le immagini e il movimento, poi scarica il file.
Come si usa
Aggiungi JSON e immagini
Aggiungi il JSON Lottie e le immagini necessarie. Puoi aggiungerli anche insieme in una cartella o in un file ZIP.
Controlla le immagini corrispondenti
Controlla le risorse abbinate a ogni riferimento. Aggiungi le immagini mancanti e, se ci sono più candidati, scegli quella da usare.
Crea .lottie
Controlla le immagini e il movimento nell'anteprima, quindi seleziona “Crea file .lottie”. Se ci sono più animazioni, viene creata quella selezionata.
Controlla il risultato e salvalo
Quando viene visualizzata l'anteprima del file generato, controllane il contenuto e seleziona “Scarica” per salvarlo.
Utile per
Consegna le animazioni insieme alle risorse
Raggruppa il JSON dell'animazione e le immagini in un unico file .lottie invece di consegnarli separatamente.
Pubblica animazioni che usano immagini
Prepara un file che contenga le immagini necessarie da incorporare in un sito o un'app compatibile con .lottie.
Consegnare Lottie con immagini
Nomi dei riferimenti e immagini locali
Controlla che le risorse corrispondano ai nomi e ai percorsi delle immagini nel JSON. Se più candidati hanno lo stesso nome, scegli quello da usare. Le immagini non vengono recuperate automaticamente da URL esterni.
.lottie e JSON con immagini incorporate
.lottie è un formato di pacchetto che contiene animazioni e risorse. Usa “Incorpora immagini in Lottie JSON” per codificare le immagini come stringhe e includerle nel JSON.
Il lettore della destinazione
Controlla che la destinazione supporti .lottie. La visualizzazione in questa pagina non garantisce una riproduzione identica in tutti i lettori.
Aspetto delle immagini e impostazioni di anteprima
Le dimensioni delle immagini e la qualità di compressione non cambiano. Velocità di riproduzione, sfondo e ripetizione sono solo per l'anteprima e non influiscono sul movimento o sulle risorse salvate.
Domande frequenti
Cosa succede se mancano immagini necessarie?
Viene mostrato il riferimento corrispondente e la creazione si interrompe. Aggiungi le immagini dal tuo dispositivo. Le immagini mancanti non vengono recuperate o generate automaticamente.
Ho più immagini con lo stesso nome.
Seleziona un'immagine per ogni riferimento. Controlla i percorsi delle cartelle e le anteprime per scegliere le immagini corrette.
Posso creare un Lottie partendo solo dalle immagini?
No. Serve un JSON Lottie con i dati di animazione. Questo strumento raggruppa l'animazione e le immagini a cui fa riferimento.
Posso salvare più animazioni insieme?
Questa pagina salva l'unica animazione che selezioni. Usa “Raggruppa più animazioni Lottie in un unico file” per raccogliere più animazioni mantenendole separate.
Posso creare file con temi o stati interattivi?
Questa funzione non le gestisce. Poter visualizzare il movimento di base non significa che sia possibile creare l'output mantenendo le impostazioni avanzate. Esporta il Lottie di base e aggiungilo qui.
Input e risultati
- Input
- JSON Lottie, .lottie o ZIP e immagini referenziate o altre risorse dal tuo dispositivo.
- Output
- Un file .lottie con un'unica animazione selezionata e le relative risorse.
- File originali
- Non vengono sovrascritti. Crea di nuovo l'output dopo aver modificato l'input o le corrispondenze delle risorse.