Lottie-viewer
Gratis online Lottie-speler. Open elke Lottie-JSON-animatie, speel af, scrub frame voor frame, wijzig snelheid, zet loop aan/uit en bekijk op transparant ruitjespatroon — volledig in je browser.
Wat is een Lottie-bestand?
Een Lottie-bestand is een JSON-export van een vectoranimatie, meestal gemaakt in After Effects met de Bodymovin-plugin of in tools zoals LottieFiles. Apps en websites spelen het af met een lichte renderer in plaats van video: mini-bestanden en haarscherp op elke schaal.
Hoe bekijk ik hier een Lottie-animatie?
Klik op het uploadvlak of sleep je .json-bestand erin. De animatie laadt direct en begint te spelen. Met de voorbeeldknop probeer je de speler ook met een ingebouwd staaltje.
Wordt mijn animatie naar een server geüpload?
Nee. Het bestand wordt volledig in de browsertab gelezen en gerenderd. Er wordt niets verzonden, dus veilig voor niet-gepubliceerd klantwerk en vertrouwelijke assets.
Welke afspeelbediening is er?
Afspelen en pauzeren, herstartknop, loop aan/uit, een versleepbare frame-schuifregelaar en een snelheidskeuze van 0,25x tot 2x. De uitlezing toont huidige frame, totaal en de framerate van de animatie.
Waarom is er een ruitjespatroon als achtergrond?
Het ruitjespatroon simuleert transparantie, net als in designtools. Zo zie je of je animatie geen ongewenste achtergrond heeft; schakel naar wit of zwart om randen, gloed en schaduwen op lichte of donkere vlakken te controleren.
Welke Lottie-versies worden ondersteund?
De speler gebruikt de lottie-web-renderer, compatibel met Bodymovin-JSON vanaf versie 4: shape-layers, masks, mattes, trim paths en de meeste bij export ingebakken expressies.
Werkt het op mobiel?
Ja. De lay-out is responsive en renderen gebeurt met dezelfde SVG-engine, dus het draait in iOS- en Android-browsers. De bediening is op maat voor touch.
Wat is het verschil tussen .json en .lottie?
Het .lottie-formaat (dotLottie) is een ingepakte zip die de JSON samen met assets kan bevatten. Deze viewer opent direct de standaard Lottie-.json-export; bij dotLottie bestanden pak je eerst de .json erin uit.
Waarom speelt mijn animatie traag of ziet het er fout uit?
Animaties met veel layers, afbeeldingen of expressies zijn zwaar te renderen. Controleer of afbeeldingen niet apart zijn geëxporteerd, vereenvoudig de compositie of verlaag de snelheid — de FPS-uitlezing toont de beoogde snelheid van de animatie.
Hoe Lottie-viewer te gebruiken
Deze Lottie-viewer speelt Bodymovin-JSON-animaties volledig in je browser af met de lottie-web-renderer. Laad een bestand of zet het erin, bedien het afspelen frame voor frame en bekijk het op transparante, witte of zwarte achtergrond — er wordt niets geüpload.
- Klik op het uploadgebied of sleep een Lottie-.json-bestand erheen; de animatie wordt geladen en begint meteen te spelen.
- Bedien het afspelen met de grote afspeel/pauze-knop en de herstartknop.
- Sleep de frameschuif om naar willekeurig welk frame te gaan; de uitlezing toont het huidige frame, het totale aantal en de FPS.
- Kies een snelheid tussen 0,25x en 2x en zet de loopknop aan voor doorlopend herhalen.
- Wissel de achtergrond tussen transparant ruitjespatroon, wit en zwart om randen, gloed en schaduwen te inspecteren.
Druk eerst op de voorbeeldknop om te zien hoe de speler zich gedraagt voordat je je eigen animatie laadt — handig wanneer een klant je een JSON stuurt en je snel wilt controleren.
Gerelateerde tools
- SVG-viewer & Editor Bekijk, bewerk en optimaliseer SVG-bestanden online. Live preview, codebewerking en optimalisatietools.
- JSON boomviewer Visualiseer JSON-gegevens als een interactieve inklapbare boom. Zoek sleutels en waarden, volg JSONPath bij hoveren en verwerk grote bestanden met lazy loading. Drag & drop van .json-bestanden wordt ondersteund.
- Sprite Sheet Generator Combineer afbeeldingen tot sprite sheet met slepen om te herschikken, rasterlay-out, padding, schaalmodi. Exporteer PNG/WebP/JPG met JSON-atlasgegevens voor game-engines en CSS.
- Afbeelding naar Base64 Converteer afbeeldingen naar Base64-strings en decodeer Base64 terug naar afbeeldingen. Ondersteunt PNG, JPG, GIF, WebP, SVG, BMP, ICO. 100% in de browser, geen upload.
- GIF Frames Splitsen Extraheer en download afzonderlijke frames uit GIF-animaties als PNG of sprite-sheet. Gratis online tool met preview en ZIP-export.
- GIF Omkeren Keer de afspeelvolgorde van GIF-animaties gratis online om. Upload, bekijk en download direct.
- GIF Snelheidswijziger Wijzig de GIF-animatiesnelheid online. Versnel of vertraag GIF-bestanden direct.
- Video naar GIF Converteer video online naar geanimeerde GIF. Pas kwaliteit, framesnelheid en resolutie rechtstreeks in uw browser aan zonder te uploaden.