Lottie ist ein offenes Format für animierte Vektorgrafiken

• Lottie ist ein Open-Source-Dateiformat für Vektoranimationen, das 2015 gestartet wurde, um Animationen aus Adobe After Effects in verschiedenen Umgebungen wie Web und Mobile wiederzugeben
• Animationsdaten werden überwiegend als JSON-basierte Dateien verarbeitet und enthalten Strukturen, die für die Wiedergabe nötig sind, etwa Keyframes, Easing-Kurven und Layer-Informationen
• Auf Basis auflösungsunabhängiger Vektorgrafiken und Tweening ist ein Ökosystem aus verschiedenen Playern, Renderern und Authoring-Tools entstanden
• Die Lottie Animation Community verfeinert das Format zu einer stabilen offiziellen Spezifikation und integriert zugleich Funktionen, die in bestehenden Playern genutzt werden, schrittweise in den Standard
• Um Verwirrung bei Implementierung und Distribution zu vermeiden, sollte man die Unterschiede zwischen benachbarten Dateiendungen und Formaten wie .lot, video/lottie+json und dotLottie (.lottie) verstehen

---

Lottie-Format und Produktionsablauf

• Lottie ist ein Open-Source-Dateiformat für animierte Vektorgrafiken
  • Es wurde 2015 von Hernan Torrisi erstmals als Format für Export und Wiedergabe von Adobe-After-Effects-Animationen entwickelt
  • Heute wird es im Web, in mobilen Anwendungen und in anderen Systemen eingesetzt und verfügt über mehrere unabhängige Renderer-Implementierungen sowie Unterstützung bei der Erstellung
• Als Produktionsweise ist ein Workflow mit Adobe After Effects und einem speziellen Plugin weit verbreitet
  • Es kann komplexe Animationen, Motion Graphics und interaktive Elemente enthalten
  • Nach der Erstellung kann es als Lottie-JSON-Datei exportiert werden
  • Die JSON-Datei enthält Keyframes, Easing-Kurven und Layer-Informationen, die zur Reproduktion der Animation erforderlich sind
• Die Kernbestandteile zielen zugleich auf geringe Dateigröße und Plattformkompatibilität ab
  • Vektorgrafiken: auflösungsunabhängige Bilder, die nicht aus einem Pixelraster, sondern aus geometrischen Formen wie Kurven und Linien bestehen
  • Tweening: eine Animationsmethode, bei der der Animator die Formeigenschaften bestimmter Keyframes definiert und Zwischenframes automatisch interpoliert werden
  • Ökosystem: Es gibt Player, Authoring-Tools, Libraries und kostenlose Assets; Tausende Unternehmen nutzen Lottie zur Verbesserung der User Experience
  • Offenes Dateiformat: ein JSON-basierter offener Standard, der sich leicht über das Web übertragen und mit bestehenden Tools bearbeiten lässt
• Zugehörige Dokumente
  • Read the Spec
  • Implementations page

Lottie Animation Community und Standardisierung

• Lottie Animation Community (LAC) ist ein gemeinnütziges Open-Source-Projekt, das von The Linux Foundation gehostet wird
  • Sie widmet sich dem Ziel, das Lottie File Format als effiziente, erweiterbare und plattformübergreifende Technologie für animierte Vektorgrafiken sowie als offenes Dateiformat zu etablieren
  • Sie will eine offizielle Lottie-Formatspezifikation entwickeln, die über Renderer und Tools hinweg implementiert werden kann
  • Sie treibt die Standardisierung des Lottie File Format in der Industrie und seine breite Verbreitung voran
• Die LAC arbeitet unter der Governance der Joint Development Foundation
  • Das gewährleistet einen offenen und kollaborativen Ansatz bei der Standardisierungsarbeit
  • Sie legt Wert auf Transparenz, damit Community-Mitglieder bei Entwicklung und Verbesserung des Formats mitreden können
• Zwischen bestehenden Funktionen und der offiziellen Spezifikation besteht noch eine Lücke
  • Lottie wurde schon lange vor der Gründung der LAC genutzt und hat sich zu einem umfangreichen, von der Community geschaffenen Funktionsumfang entwickelt
  • Die LAC integriert bestehende Funktionen schrittweise in die Spezifikation, während sie diese zu einem stabilen offiziellen Standard verfeinert und formalisiert
  • Lottie-Funktionen, die aktuelle Player bereitstellen, können weiterhin genutzt werden
  • Funktionen, die noch nicht in der offiziellen Spezifikation enthalten sind, finden sich in der Lottie format documentation from LottieFiles

Dateiendungen und Abgrenzung zu dotLottie

• Lottie-Dateien können die Endung .json oder .lot verwenden
  • .json wurde historisch breit genutzt
  • Die IANA hat .lot offiziell als Standard-Dateiendung und video/lottie+json als MIME-Type anerkannt
  • Um dem offiziellen Standard zu entsprechen, wird die Verwendung der Endung .lot empfohlen
• dotLottie und Lottie sind unterschiedliche Formate
  • Lottie ist ein JSON-basiertes Open-Source-Animationsformat, das von der LAC standardisiert wird
  • dotLottie (.lottie) ist ein von LottieFiles entwickeltes Superset-Format
  • Es kann die zentrale Lottie-JSON-Datei sowie Assets wie Bilder und Fonts in einem einzigen, kleineren komprimierten Archiv bündeln
  • Weitere Informationen gibt es auf der dotLottie specifications website

Mitwirkung in der Community

• Die LAC ist ein offenes Kollaborationsprojekt, an dem jede Person aus der Community teilnehmen kann
  • Über Beiträge zur Spezifikation, Beteiligung an Diskussionen und Verbesserungen an Tools kann man die künftige Richtung von Lottie mitgestalten
  • Ausgangspunkt ist die contribution page