Anteprima e Ottimizzatore Lottie

Visualizza l'anteprima, copia/scarica SVG, ottimizza JSON e modifica le animazioni Lottie localmente.

Trascina e rilascia il file Lottie JSON qui, o fai clic per caricarlo

*.json (Lottie format)

Come visualizzare in anteprima e ottimizzare animazioni Lottie

1

Carica o trascina il tuo file JSON Lottie per caricare l'anteprima dell'animazione nel lettore interattivo.

2

Usa la scheda 'Livelli & Asset' per modificare elementi de testo o sostituire livelli di immagine direttamente nell'animazione.

3

Vai alla scheda 'Diagnosi & Compressione', configura la precisione decimale delle coordinate e attiva le opzioni di rimozione dei metadati per comprimere il file.

4

Fai clic su 'Esporta JSON' per salvare il file Lottie ottimizzato, o copia il codice vettoriale SVG del frame corrente da utilizzare in Figma.

FAQ sullo strumento Lottie

In che modo l'ottimizzazione Lottie riduce le dimensioni del file?
I file JSON Lottie spesso memorizzano una precisione decimale eccessiva per le coordinate e le curve dei fotogrammi chiave. Troncare i numeri a virgola flottante a 1 o 2 decimali e rimuovere i metadati inutili può ridurre le dimensioni del file dal 30% al 70% senza impatto visivo.
Posso modificare i livelli di testo Lottie senza After Effects?
Sì. L'editor analizza i livelli di testo modificabili. Puoi modificare i testi, tradurre le stringhe o sostituire le immagini incorporate direttamente nel browser, e visualizzare l'anteprima delle modifiche dinamiche all'istante.
Come si usa il codice SVG copiato in Figma?
Facendo clic su 'Copia codice SVG' viene catturato il frame corrente. Puoi incollarlo direttamente in Figma (Cmd+V / Ctrl+V) e genererà automaticamente i relativi livelli e gruppi vettoriali.

🔗 Strumenti Correlati