Qu’est-ce qu’un fichier Lottie et comment fonctionne-t-il ?

Un fichier Lottie s’ouvre dans un éditeur de texte sans rien casser. Cette particularité résume le format, parce qu’un Lottie n’est pas une vidéo emballée mais une description. Qu’est-ce qu’un fichier Lottie et comment fonctionne-t-il, concrètement ? Un objet JSON qui décrit une animation calque par calque, avec ses valeurs, ses courbes et son minutage.

Cette structure explique l’essentiel de ses usages. Un fichier lisible peut être versionné, comparé et relu ; un fichier vectoriel peut être rendu à n’importe quelle taille. Encore faut-il savoir ce qu’il contient vraiment.

Du JSON, pas un conteneur vidéo

Le format a été créé par Airbnb et popularisé par l’export Bodymovin d’un outil de motion design. Un Lottie ne stocke aucune image pré-rendue : il décrit des formes, des tracés, des dégradés, du texte et des transformations, que le lecteur dessine image par image.

La conséquence est immédiate. Là où un MP4 doit être décodé par un moteur vidéo, un Lottie doit être interprété par un lecteur Lottie intégré à la page. Sans ce lecteur, le fichier reste un texte inerte.

Les champs qui suffisent à décrire le minutage

Un fichier valide porte quelques champs obligatoires : v pour la version du format, fr pour la fréquence d’images, ip et op pour les points d’entrée et de sortie, w et h pour la taille du canevas, plus la liste des calques.

La durée se calcule à partir de ces valeurs. Un fichier dont fr vaut 60, ip vaut 0 et op vaut 120 dure 120 ÷ 60 = 2 secondes. Avec fr à 30 et op à 90 depuis ip à 0, la même formule donne 3 secondes. Le point d’entrée compte : un fichier ne commence pas forcément à l’image zéro.

w et h ne décrivent pas un tampon de pixels. Un canevas de 1920 par 1080 représente 2 073 600 unités de référence, une grille dans laquelle la géométrie est exprimée. Le rendu final peut donc être recalculé à une autre taille, ce qui est précisément l’intérêt du vectoriel.

Pourquoi ce format se lit dans un diff

Un fichier binaire ne se compare pas. Deux versions d’un MP4 ne se comparent que par leurs octets, sans qu’on puisse dire ce qui a changé. Un Lottie, lui, tient dans un texte indenté : une revue de version peut porter sur une valeur de position modifiée, un calque supprimé ou une durée allongée.

Cette propriété change la façon de travailler à plusieurs. Un correctif de couleur se lit comme une ligne, et une régression se repère sans rouvrir l’éditeur.

Ce qu’un Lottie ne transporte pas

Pas d’audio, pas de flux vidéo, pas de scène 3D complète. Le format décrit une animation en deux dimensions, vectorielle, avec ses calques et les effets qu’il sait représenter.

Les effets justement sont le point sensible. Une composition peut contenir des masques, des calques de forme, des animateurs de texte et des expressions ; tout cela ne traverse pas forcément la conversion. Les expressions, en particulier, ne font pas partie de ce que le format décrit, et un export depuis une composition qui en utilise doit être relu avant livraison.

dotLottie, le conteneur compressé

Le format dotLottie, avec l’extension .lottie, emballe une ou plusieurs animations dans une archive compressée. Le JSON reste le même à l’intérieur ; c’est le transport qui change, avec un fichier plus petit et un seul objet à distribuer.

Cette variante ne modifie pas les limites du format. Un .lottie ne contient pas plus d’audio ou de 3D qu’un .json Lottie, et il faut toujours un lecteur pour l’afficher.

Importer et exporter dans l’éditeur

L’éditeur motion design et VFX importe et exporte des fichiers Lottie, et enregistre ses projets au format .ecproj. Les calques, les images clés, les masques, les calques de forme et les animateurs de texte qu’il propose font partie de ce qu’un Lottie sait décrire.

À noter pour les projets venus d’ailleurs : les fichiers .aep et .aepx restent fermés à l’éditeur, et leurs plug-ins ne s’y exécutent pas. Un projet natif doit donc d’abord être exporté en Lottie depuis son application d’origine, avec le plug-in Bodymovin.

Pour la décision de format, Lottie, GIF ou MP4 : quel format d’animation choisir ? compare les trois sorties sur la palette, le son et la transparence. Et pour comprendre comment les valeurs intermédiaires sont calculées entre deux points, Que sont les images clés en animation ? reprend le mécanisme.

Un Lottie bien fait reste un fichier de données avant d’être un visuel. Le lire comme tel évite la plupart des mauvaises surprises à l’intégration.