Vizualizator Lottie
Player Lottie online gratuit. Deschide orice animație Lottie JSON, redă, derulează cadru cu cadru, schimbă viteza, pornește bucla și previzualizează pe tablă transparentă — complet în browser.
Ce este un fișier Lottie?
Un fișier Lottie este un export JSON al unei animații vectoriale, creat de regulă în After Effects cu pluginul Bodymovin sau în unelte precum LottieFiles. Aplicațiile și site-urile îl redau cu un renderer ușor în loc de video: fișierul e minuscul, iar calitatea rămâne perfectă la orice scară.
Cum previzualizez o animație Lottie aici?
Apasă pe zona de încărcare sau trage fișierul .json peste ea. Animația se încarcă instant și pornește. Butonul cu exemplu îți permite să testezi playerul pe o mostră integrată.
Animația mea este încărcată pe un server?
Nu. Fișierul este citit și randat complet în tabul browserului. Nimic nu se transmite, deci este sigur și pentru proiecte de client nepublicate și materiale confidențiale.
Ce comenzi de redare există?
Redare și pauză, buton de repornire, comutator de buclă, glisor de cadre care poate fi tras și selector de viteză de la 0,25x la 2x. Afișajul arată cadrul curent, totalul și frecvența de cadre a animației.
De ce există un fundal în tablă de șah?
Tabla de șah simulează transparența, exact ca în uneltele de design. Cu ea verifici că animația nu are un fundal nedorit; treci pe alb sau negru pentru a controla marginile, strălucirea și umbrele pe suprafețe deschise sau închise.
Ce versiuni Lottie sunt acceptate?
Playerul folosește rendererul lottie-web, compatibil cu JSON Bodymovin de la versiunea 4: straturi de forme, măști, matte, trim paths și majoritatea expresiilor coapte la export.
Funcționează pe mobil?
Da. Aspectul este responsiv, iar randarea folosește același motor SVG, deci merge în browserele iOS și Android. Comenzile sunt dimensionate pentru atingere.
Care e diferența dintre .json și .lottie?
Formatul .lottie (dotLottie) este o arhivă zip comprimată care poate conține JSON-ul împreună cu resurse. Acest vizualizator deschide direct exportul standard Lottie .json; pentru fișiere dotLottie, extrage mai întâi .json-ul din interior.
De ce animația mea merge greu sau arată greșit?
Animațiile cu multe straturi, imagini sau expresii sunt grele de randat. Verifică dacă imaginile nu au fost exportate separat, simplifică compoziția sau redu viteza — afișajul FPS arată frecvența prevăzută a animației.
Cum se folosește Vizualizator Lottie
Acest vizualizator Lottie redă animații Bodymovin JSON integral în browserul tău cu ajutorul renderizatorului lottie-web. Încarcă un fișier sau trage-l înăuntru, controlează redarea cadru cu cadru și previzualizează pe fundal transparent, alb sau negru — nimic nu este încărcat nicăieri.
- Fă clic pe zona de încărcare sau trage un fișier .json Lottie pe ea; animația se încarcă și începe imediat să fie redată.
- Folosește marele buton de redare/pauză și butonul de repornire pentru a controla redarea.
- Trage cursorul de cadre pentru a ajunge la orice cadru; afișajul arată cadrul curent, numărul total și FPS.
- Alege o viteză între 0,25x și 2x și pornește butonul de buclă pentru redare continuă.
- Comută fundalul între tabla transparentă, alb și negru pentru a inspecta marginile, strălucirile și umbrele.
Apasă mai întâi butonul de exemplu pentru a vedea cum se comportă playerul înainte să încarci propria animație — util când un client îți trimite un JSON și ai nevoie de o verificare rapidă.
Instrumente conexe
- Vizualizator și Editor SVG Previzualizați, editați și optimizați fișiere SVG online. Previzualizare în timp real, editare cod și instrumente de optimizare.
- Vizualizator arbore JSON Vizualizați datele JSON ca arbore interactiv colapsabil. Căutați chei și valori, urmăriți JSONPath la hover și gestionați fișiere mari cu încărcare leneșă. Acceptă drag & drop fișiere .json.
- Generator Sprite Sheet Combinați imaginile în sprite sheet-uri cu tragere pentru reordonare, aspect grilă, padding, moduri de scalare. Exportați PNG/WebP/JPG cu date JSON atlas pentru motoare de jocuri și CSS.
- Imagine în Base64 Convertiți imagini în șiruri Base64 și decodificați Base64 înapoi în imagini. Suportă PNG, JPG, GIF, WebP, SVG, BMP, ICO. 100% în browser, fără încărcare.
- GIF Extragere Cadre Extrageți și descărcați cadre individuale din animații GIF ca PNG sau sprite sheet. Instrument online gratuit cu previzualizare și export ZIP.
- GIF Inversat Inversați ordinea de redare a animațiilor GIF online gratuit. Încărcați, previzualizați și descărcați instant.
- Schimbător de Viteză GIF Schimbați viteza animației GIF online. Accelerați sau încetiniți fișierele GIF instantaneu.
- Video în GIF Convertiți video în GIF animat online. Ajustați calitatea, rata de cadre și rezoluția direct în browser fără a încărca fișiere.