Lottie in GIF umwandeln
Die Umwandlung einer Lottie-Vektoranimations-JSON-Datei in ein Raster-GIF schlägt die Brücke zwischen modernen codebasierten Grafiken und universeller Bildkompatibilität.
Formatvergleich & technische Spezifikationen
| Spezifikation | LOTTIE | GIF |
|---|---|---|
| MIME-Typ | application/ | image/ |
| Typ | JSON-Datei mit Vektoranimation | Raster |
| Kompression | keine (JSON-Datenrepräsentation) | verlustfrei (LZW, max. 256 indizierte Farben) |
| Standardspezifikation | Lottie Animation Format Specification | CompuServe GIF89a |
| Magic-Bytes-Header | 7B 22 76 22 3A ({"v": - Lottie JSON version) | 47 49 46 38 37 61 (GIF87a) or 47 49 46 38 39 61 (GIF89a) |
Formatübersicht & Anwendungsbereiche
Lottie speichert Animationsanweisungen als JSON und benötigt zum Rendern einen kompatiblen Player. Dieser Konverter wandelt die Animation in GIF um, aber Wiedergabe und Funktionen hängen von App und Gerät ab.
Technische Spezifikationen und Codec-Übersicht
Eine Lottie-Datei (application/json) enthält Textanweisungen, die Vektorformen, Ankerpunkte und Keyframes beschreiben. Sie besitzt keinen binären Magic-Byte-Header und stützt sich vollständig auf Standard-Textparser. Im Gegensatz dazu verwendet ein animiertes GIF (image/gif) ein binäres Format, das mit den Magic Bytes GIF87a oder GIF89a beginnt. Die GIF-Struktur nutzt eine verlustfreie LZW-Kompression, um identische Pixelfarben in einer gemeinsamen Palette zusammenzufassen. Während der Konvertierung von Vektor zu Raster zeichnet die Rendering-Engine jeden Frame mit einer bestimmten Pixelauflösung, begrenzt die gesamte Farbtiefe auf maximal 256 Farben pro Frame und verknüpft die Einzelbilder mit Zeitangaben in Headern.
Betriebssystem- & Browser-Kompatibilität
Das animierte GIF wird universell von Windows, macOS, Linux, iOS, Android und allen Webbrowsern unterstützt, womit es eines der kompatibelsten Bildformate überhaupt ist. Lottie-Dateien erfordern einen spezialisierten JavaScript-Player oder eine native Laufzeitbibliothek zur korrekten Darstellung, was ihren Einsatz in normalen Bild-Tags einschränkt. Die Unterstützung hängt außerdem von App, Gerät, Betriebssystem und Version ab.
Nützliche Informationen
Begrenzen Sie vor dem Export nach GIF die Dauer und die Anzahl der Farben Ihrer Animation. Eine Reduzierung der Bildrate von 60 Bildern pro Sekunde auf 15 Bilder pro Sekunde verringert die endgültige Dateigröße drastisch.
Häufig gestellte Fragen
Wie konvertiert man eine Lottie-Animation in ein animiertes GIF, ohne an Qualität zu verlieren?
Da GIFs auf maximal 256 Farben beschränkt sind und Pixelraster anstelle von mathematischen Vektoren verwenden, lässt sich ein gewisser Verlust an visueller Qualität nicht vermeiden. Sie können diesen Verlust minimieren, indem Sie beim Rastern hochwertige Dithering-Algorithmen einsetzen, um Farben nahtlos zu mischen.
Worin besteht der Unterschied zwischen einer Lottie-Animation und einem animierten GIF?
Lottie ist eine vektorbasierte Textdatei, die Code verwendet, um Formen in jeder Skalierung zu zeichnen, während das animierte GIF ein rasterbasiertes Binärformat aus festen Pixelrastern und einer begrenzten Farbpalette ist.