Visualizzatore Lottie
Player Lottie online gratuito. Apri qualsiasi animazione Lottie JSON, riproduci, scorri fotogramma per fotogramma, cambia velocità, attiva il loop e visualizza su scacchiera trasparente — tutto nel browser.
Cos'è un file Lottie?
Un file Lottie è un esportazione JSON di un'animazione vettoriale, di solito creata in After Effects con il plugin Bodymovin o in strumenti come LottieFiles. App e siti la riproducono con un renderer leggero invece che in video: file minuscoli e qualità perfetta a qualsiasi scala.
Come visualizzo un'animazione Lottie qui?
Clicca sull'area di caricamento o trascina il tuo file .json. L'animazione si carica all'istante e parte. Il pulsante di esempio permette di provare il player con un campione integrato.
La mia animazione viene caricata su un server?
No. Il file viene letto e renderizzato interamente nella scheda del browser. Nulla viene trasmesso, quindi è sicuro anche per lavori cliente non pubblicati e materiali riservati.
Quali controlli di riproduzione ci sono?
Riproduci e pausa, pulsante di riavvio, interruttore del loop, slider fotogrammi trascinabile e selettore di velocità da 0,25x a 2x. La lettura mostra il fotogramma corrente, il totale e la frequenza fotogrammi dell'animazione.
Perché c'è lo sfondo a scacchiera?
La scacchiera simula la trasparenza, esattamente come negli strumenti di design. Serve a verificare che l'animazione non abbia uno sfondo indesiderato; passa a bianco o nero per controllare bordi, bagliori e ombre su superfici chiare o scure.
Quali versioni di Lottie sono supportate?
Il player usa il renderer lottie-web, compatibile con i JSON Bodymovin dalla versione 4 in poi: shape layer, maschere, matte, trim path e la maggior parte delle espressioni precotte all'esportazione.
Funziona su mobile?
Sì. Il layout è responsive e il rendering usa lo stesso motore SVG, quindi funziona sui browser iOS e Android. I controlli sono dimensionati per il tocco.
Qual è la differenza tra .json e .lottie?
Il formato .lottie (dotLottie) è uno zip compresso che può contenere il JSON insieme ad asset e altro. Questo visualizzatore apre direttamente il .json Lottie standard; per i file dotLottie, estrai prima il .json interno.
Perché la mia animazione va lenta o si vede male?
Le animazioni con molti layer, immagini o espressioni sono pesanti da renderizzare. Verifica che le immagini non siano esportate a parte, semplifica la composizione o riduci la velocità: la lettura FPS mostra la frequenza prevista dell'animazione.
Come usare Visualizzatore Lottie
Questo visualizzatore Lottie riproduce animazioni Bodymovin JSON interamente nel tuo browser con il renderer lottie-web. Carica un file o trascinalo, controlla la riproduzione fotogramma per fotogramma e visualizza l'anteprima su sfondo trasparente, bianco o nero — nulla viene caricato online.
- Fai clic sull'area di caricamento o trascina sopra un file .json di Lottie; l'animazione si carica e inizia subito a riprodursi.
- Usa il grande pulsante riproduci/pausa e il pulsante di riavvio per controllare la riproduzione.
- Trascina il cursore dei fotogrammi per raggiungere qualsiasi fotogramma; la lettura mostra fotogramma attuale, totale fotogrammi e FPS.
- Scegli una velocità tra 0,25x e 2x e attiva il pulsante loop per la riproduzione continua.
- Cambia lo sfondo tra scacchiera trasparente, bianco e nero per ispezionare bordi, bagliori e ombre.
Premi prima il pulsante di esempio per vedere come si comporta il player prima di caricare la tua animazione — utile quando un cliente ti invia un JSON e devi controllare in fretta.
Strumenti correlati
- Visualizzatore e Editor SVG Visualizza, modifica e ottimizza file SVG online. Anteprima in tempo reale, modifica del codice e strumenti di ottimizzazione.
- Visualizzatore albero JSON Visualizza i dati JSON come albero collassabile interattivo. Cerca chiavi e valori, traccia JSONPath al passaggio del mouse e gestisci file di grandi dimensioni con caricamento lazy. Supporta il drag & drop di file .json.
- Generatore di Sprite Sheet Combina immagini in sprite sheet con drag-to-reorder, layout a griglia, padding, modalità scala. Esporta PNG/WebP/JPG con dati JSON atlas per motori di gioco e CSS.
- Immagine in Base64 Converti immagini in stringhe Base64 e decodifica Base64 in immagini. Supporta PNG, JPG, GIF, WebP, SVG, BMP, ICO. 100% nel browser, nessun upload.
- GIF Estrai Fotogrammi Estrai e scarica fotogrammi singoli da animazioni GIF come PNG o sprite sheet. Strumento online gratuito con anteprima ed esportazione ZIP.
- GIF Inverso Inverti l'ordine di riproduzione delle animazioni GIF online gratis. Carica, visualizza in anteprima e scarica istantaneamente.
- Modificatore di Velocità GIF Cambia la velocità dell'animazione GIF online. Accelera o rallenta i file GIF istantaneamente.
- Video in GIF Converti video in GIF animate online. Regola qualità, framerate e risoluzione direttamente nel browser senza caricare file.