Lottie-naar-GIF-converter
Het converteren van een Lottie-vectoranimatie-JSON-bestand naar een rastergebaseerde geanimeerde GIF overbrugt de kloof tussen moderne codegestuurde graphics en breed ondersteunde afbeeldingscompatibiliteit.
Formaatvergelijking en technische specificaties
| Specificatie | LOTTIE | GIF |
|---|---|---|
| MIME-type | application/ | image/ |
| Type | vectoranimatie-JSON-bestand | raster |
| Compressie | geen (JSON-gegevensweergave) | verliesvrij (LZW, max 256 geïndexeerde kleuren) |
| Standaardspecificatie | Lottie Animation Format Specification | CompuServe GIF89a |
| Bestandshandtekening (magic bytes) | 7B 22 76 22 3A ({"v": - Lottie JSON version) | 47 49 46 38 37 61 (GIF87a) or 47 49 46 38 39 61 (GIF89a) |
Formaatoverzicht en toepassingen
Lottie slaat animatie-instructies op als JSON en heeft een compatibele speler nodig om deze te renderen. Deze converter rendeert de animatie naar GIF, maar het afspelen en de beschikbare functies zijn afhankelijk van de app en het apparaat.
Technische specificaties en codec-overzicht
Een Lottie-bestand (application/json) bevat tekstinstructies die vectorvormen, ankerpunten en keyframes beschrijven. Het heeft geen binaire bestandshandtekening (magic bytes) en vertrouwt volledig op standaard tekstparsers. Daarentegen gebruikt een geanimeerde GIF (image/gif) een binair formaat dat begint met de bestandshandtekening (magic bytes) GIF87a of GIF89a. De GIF-structuur gebruikt verliesvrije LZW-compressie om identieke pixelkleuren te groeperen in een gedeeld palet. Tijdens de conversie van vector naar raster tekent de renderengine elk frame op een ingestelde pixelresolutie, beperkt deze de totale kleurdiepte tot maximaal 256 kleuren per frame en voegt de frames samen met timingheaders.
Besturingssysteem- en browserondersteuning
Geanimeerde GIF wordt breed ondersteund in Windows, macOS, Linux, iOS, Android en de meeste webbrowsers, waardoor het een van de meest compatibele afbeeldingsformaten is die er bestaan. Lottiebestanden vereisen een gespecialiseerde JavaScript-speler of native runtime-bibliotheek om correct te worden gerenderd, wat het gebruik ervan in gewone img-elementen beperkt.
Handige informatie
Beperk de duur van uw animatie en het aantal kleuren voordat u deze exporteert naar GIF. Het verlagen van de framesnelheid van 60 frames per seconde naar 15 frames per seconde verkleint de uiteindelijke bestandsgrootte drastisch.
Veelgestelde vragen
Hoe converteert u een Lottie-animatie naar een geanimeerde GIF zonder kwaliteitsverlies?
Omdat GIF's zijn beperkt tot maximaal 256 kleuren en pixelgrids gebruiken in plaats van wiskundige vectoren, is enig visueel kwaliteitsverlies onvermijdelijk. U kunt dit verlies tot een minimum beperken door ditheringalgoritmen van hoge kwaliteit te gebruiken tijdens de rasterstap om kleuren vloeiend in elkaar te laten overlopen.
Wat is het verschil tussen een Lottie-animatie en een geanimeerde GIF?
Lottie is een op vectoren gebaseerd tekstbestand dat code gebruikt om vormen op elke schaal te tekenen, terwijl een geanimeerde GIF een op raster gebaseerd binair formaat is dat bestaat uit vaste pixelgrids en een beperkt kleurenpalet.