Visualizzatore e ispettore Lottie
Apri Lottie JSON, .lottie o ZIP per esaminare movimento e risorse prima dell'integrazione. Associa le immagini e i font necessari e controlla l'animazione con diverse posizioni di riproduzione, velocità e sfondi. I file originali non vengono modificati e non vengono creati né salvati nuovi file.
Cosa puoi fare
Apri un file e riproduci
Seleziona un'animazione in JSON, .lottie o ZIP e ispezionala riproducendo, mettendo in pausa o spostando la posizione di riproduzione.
Abbina le risorse necessarie
Aggiungi risorse dal tuo dispositivo se mancano immagini, font o altri materiali. Puoi anche scegliere quale file usare quando ci sono più candidati.
Verifica con sfondi o velocità diverse
Passa tra sfondi trasparente, bianco o scuro e modifica velocità di riproduzione, ripetizione o dimensione di visualizzazione. I file originali non vengono modificati.
Come si usa
Aggiungi animazioni e risorse
Seleziona Lottie JSON, .lottie o ZIP. Se referenzia risorse esterne, aggiungi anche la cartella o i file delle risorse corrispondenti.
Seleziona l'animazione da ispezionare
Se ci sono più animazioni, seleziona quella da ispezionare. Se vengono segnalate risorse mancanti o candidati duplicati, specifica i file corrispondenti.
Verifica movimento e aspetto
Usa i controlli di riproduzione, pausa e spostamento. Se necessario, cambia sfondo o velocità in “Impostazioni di riproduzione” per ispezionare l'animazione.
Utile in questi casi
Verifica che i dati consegnati funzionino
Apri un'animazione che hai ricevuto e controlla il suo movimento e se tutte le immagini necessarie sono presenti.
Verifica l'aspetto prima dell'integrazione
Prova sfondi chiari e scuri e velocità di riproduzione diverse per valutare se è adatto allo schermo in cui lo userai.
La relazione tra animazioni e risorse
JSON, .lottie e ZIP
Lottie JSON contiene dati di animazione e forme. I file .lottie e ZIP possono raggruppare animazioni e risorse insieme.
Anche le risorse referenziate servono per la visualizzazione
Se immagini, font o altre risorse sono file separati, controlla i loro nomi e le posizioni delle cartelle. Risolvi risorse mancanti e duplicati prima della riproduzione.
Le impostazioni di riproduzione servono per l'ispezione
Le modifiche a velocità, ripetizione, sfondo e dimensione di visualizzazione influiscono solo sull'anteprima. Questa funzione non modifica né salva i dati originali dell'animazione.
Verifica anche nell'ambiente in cui lo userai
Temi, stati interattivi e funzionalità specifiche del player possono differire dalla visualizzazione di base di un'animazione. Il fatto di poterla riprodurre qui non garantisce lo stesso aspetto in ogni app.
Domande frequenti
E se le immagini non vengono visualizzate?
Controlla i contenuti mancanti o non supportati in “Risorse referenziate”. Aggiungi le immagini dal tuo dispositivo e scegli il file da usare se ci sono più candidati. Aggiungere cartelle mantenendone la struttura facilita la verifica delle corrispondenze.
Posso riprodurre JSON comuni o solo immagini?
Serve una dati di animazione nel formato Lottie. Aggiungere JSON generici o solo immagini non permette di riprodurli come animazioni.
Posso salvare un file con la velocità di riproduzione modificata?
Questo strumento serve per l'ispezione. Non riscrive la velocità di riproduzione o altre impostazioni nei dati originali né le salva come nuovo file.
Come posso vedere le aree esterne alla cornice a dimensione originale?
Seleziona “Dimensione originale” nelle impostazioni di riproduzione per scorrere all'interno dell'area di visualizzazione e ispezionarla. Torna a “Adatta alla cornice” per mostrare l'intera animazione.
Più animazioni vengono unite in ordine?
No. Scegli un'animazione da ispezionare e riproducile una alla volta. Cambiando animazione, le impostazioni di riproduzione di quella selezionata tornano ai valori predefiniti.
E se font o funzionalità speciali non possono essere visualizzati?
Controlla i file di font corrispondenti. A seconda della struttura di esportazione, aggiungere le risorse potrebbe comunque non permettere la visualizzazione del contenuto. Verifica anche la visualizzazione nell'app in cui lo userai, compresi temi e stati interattivi.
Input e risultati
- Input
- Lottie JSON, .lottie o ZIP. Aggiungi immagini, font o altre risorse secondo necessità.
- Verifica
- Movimento, dimensioni, frame rate, durata e risorse referenziate.
- Impostazioni di riproduzione
- Velocità, ripetizione, sfondo e dimensione di visualizzazione. I dati originali non cambiano.
- Output
- Solo anteprima. Non viene eseguita alcuna creazione, conversione o download.