Lottie-fremviser
Gratis Lottie-afspiller online. Åbn enhver Lottie-JSON-animation, afspil, scrub billede for billede, skift hastighed, slå løkke til/fra og forhåndsvis på gennemsigtigt terningsmønster — helt i browseren.
Hvad er en Lottie-fil?
En Lottie-fil er en JSON-eksport af en vektoranimation, normalt lavet i After Effects med Bodymovin-pluginet eller i værktøjer som LottieFiles. Apps og hjemmesider afspiller den med en let renderer i stedet for video: filen er bittelille, og kvaliteten er perfekt i alle størrelser.
Hvordan forhåndsviser jeg en Lottie-animation her?
Klik på uploadfeltet eller træk din .json-fil derhen. Animationen indlæses med det samme og begynder at spille. Med eksempelknappen kan du teste afspilleren med en indbygget prøve.
Bliver min animation sendt til en server?
Nej. Filen læses og renderes helt i browserfanebladet. Intet sendes nogen hen, så den er tryg at bruge til upubliceret kundearbejde og fortrolige filer.
Hvilke afspilningsfunktioner er der?
Afspil og pause, genstartsknap, løkke til/fra, en trækbar billedskyder og hastighedsvalg fra 0,25x til 2x. Visningen viser aktuel billede, samlet antal og animationens billedhastighed.
Hvorfor er der et terningsmønster i baggrunden?
Ternet simulerer gennemsigtighed, præcis som i designværktøjer. Brug det til at se, om din animation har en uønsket baggrund; skift til hvidt eller sort for at tjekke kanter, glød og skygger på lyse eller mørke flader.
Hvilke Lottie-versioner understøttes?
Afspilleren bruger lottie-web-rendereren, som understøtter Bodymovin-JSON fra version 4: form lag, masker, mattes, trim paths og de fleste udtryk bagt ind ved eksport.
Virker det på mobil?
Ja. Layoutet er responsivt, og rendering sker med samme SVG-motor, så det virker i iOS- og Android-browsere. Kontrollerne er tilpasset berøring.
Hvad er forskellen på .json og .lottie?
Formatet .lottie (dotLottie) er en komprimeret zip-fil, der kan indeholde JSON sammen med filer. Denne fremviser åbner direkte standard-eksporten Lottie .json; for dotLottie-filer skal du først pakke den indre .json-fil ud.
Hvorfor spiller min animation langsomt eller ser forkert ud?
Animationer med mange lag, billeder eller udtryk er tunge at rendere. Tjek at billeder ikke er eksporteret separat, forenkl kompositionen eller sænk hastigheden — FPS-visningen viser animationens tiltænkte hastighed.
Sådan bruges Lottie-fremviser
Denne Lottie-fremviser afspiller Bodymovin-JSON-animationer helt i din browser med lottie-web-rendereren. Indlæs en fil eller træk den ind, styr afspilningen billede for billede og forhåndsvis på gennemsigtig, hvid eller sort baggrund — intet uploades.
- Klik på uploadområdet eller træk en Lottie-.json-fil derhen; animationen indlæses og begynder at spille med det samme.
- Styr afspilningen med den store afspil/pause-knap og genstart-knappen.
- Træk billedekontrollen for at hoppe til et vilkårligt billede; visningen viser nuværende billede, samlet antal og FPS.
- Vælg en hastighed mellem 0,25x og 2x, og slå løkke-knappen til for konstant gentagelse.
- Skift baggrunden mellem gennemsigtigt terningsmønster, hvid og sort for at undersøge kanter, glød og skygger.
Tryk først på eksempel-knappen for at se, hvordan afspilleren opfører sig, inden du indlæser din egen animation — praktisk, når en kunde sender dig en JSON, og du hurtigt skal tjekke den.
Relaterede værktøjer
- SVG-fremviser og Editor Forhåndsvis, rediger og optimer SVG-filer online. Realtidsforhåndsvisning, koderedigering og optimeringsværktøjer.
- JSON-træviser Visualiser JSON-data som et interaktivt sammenfoldbart træ. Søg nøgler og værdier, spor JSONPath ved hover og håndter store filer med doven indlæsning. Understøtter drag & drop af .json-filer.
- Sprite Sheet Generator Kombiner billeder til sprite sheet med træk-for-at-omarrangere, gitterlayout, padding, skaleringstilstande. Eksportér PNG/WebP/JPG med JSON-atlasdata til spilmotorer og CSS.
- Billede til Base64 Konverter billeder til Base64-strenger og afkod Base64 tilbage til billeder. Understøtter PNG, JPG, GIF, WebP, SVG, BMP, ICO. 100% i browseren, ingen upload.
- GIF Opdel Billeder Udtræk og download enkelte billeder fra GIF-animationer som PNG eller sprite-sheet. Gratis onlineværktøj med forhåndsvisning og ZIP-eksport.
- GIF Baglæns Omvend afspilningsrækkefølgen for GIF-animationer gratis online. Upload, forhåndsvis og download med det samme.
- GIF Hastighedsændrer Ændr GIF-animationshastighed online. Accelerer eller sænk hastigheden på GIF-filer øjeblikkeligt.
- Video til GIF Konvertér video til animeret GIF online. Justér kvalitet, billedhastighed og opløsning direkte i din browser uden upload.