Lecteur, éditeur de couleurs et optimiseur Lottie, en local
Ouvrez des animations .lottie, .tgs et .json, recolorez chaque remplissage, contour et arrêt de dégradé, vérifiez ce qui cassera sur les autres lecteurs et exportez en JSON, SVG, PNG, séquence d’images ou WebM — le tout dans votre navigateur.
Ouvrez une animation pour voir sa structure.
Comment ça marche
Déposez le fichier
Un .json brut, une archive .lottie, un sticker Telegram .tgs ou un .json.gz compressé. Rien n’est envoyé nulle part.
Lisez le rapport
Avant tout rendu, vous avez la taille, le nombre de calques et la liste de ce qui cassera sur iOS, Android ou les lecteurs plus anciens.
Recolorez et rognez
Chaque remplissage, contour, arrêt de dégradé et image clé de couleur devient un échantillon. Masquez des calques, rognez la plage, forcez les fps.
Exportez ou continuez
JSON, .lottie, SVG, PNG, une séquence d’images numérotée ou une vidéo WebM ; ou envoyez le résultat directement vers un autre outil de la suite.
Rien ne quitte votre machine
Le lecteur, l’éditeur de couleurs, l’optimiseur et tous les exports tournent sur votre propre processeur. Aucun envoi, aucun compte, aucune file d’attente — et ça marche encore avec le réseau débranché.
Des couleurs que les autres visionneuses ratent
La plupart des visionneuses en ligne ne trouvent que les remplissages statiques. Celle-ci repère aussi les contours, les arrêts de dégradé, les calques solides et les images clés de couleur animée, et indique combien de fois chaque couleur sert.
Un vrai arbre de calques
Chaque calque de premier niveau avec son type, ses expressions et ses caches de piste, plus un interrupteur pour masquer ceux dont vous ne voulez pas. Ils peuvent ensuite être retirés du fichier exporté.
Un optimiseur qui montre ses calculs
Arrondir les coordonnées écrites sur quinze chiffres par l’export, retirer les métadonnées d’auteur et supprimer les calques masqués divise souvent le fichier par deux. Vous voyez les octets avant et après, pas une promesse.
Export image et vidéo
L’image courante en PNG ou SVG, toute la plage en séquence PNG numérotée dans un ZIP, ou une vidéo WebM exacte image par image. Tout est rendu sur un canvas dans cet onglet.
Un rapport de compatibilité
Expressions, fusions de tracés, effets de calque, calques de texte, drapeaux 3D et images référencées par URL : exactement ce qui fait qu’une animation est belle ici et cassée sur un téléphone.
Un lecteur qui effectue le rendu, pas un aperçu qui se télécharge
L’animation est rendue par lottie-web qui tourne dans cette page, à la cadence du document lui-même, avec un défilement exact à l’image près et de vrais contrôles : avancer image par image, lire à l’envers, rogner la plage, forcer les fps. Le moteur étant local, il n’y a ni attente d’envoi ni plafond de qualité imposé par un service d’aperçu.
Ouvrez une animation Lottie, voyez exactement ce qu’elle contient, recolorez-la, allégez-la et exportez-la dans le format dont vous avez vraiment besoin — sans l’envoyer à qui que ce soit.
Le designer vous livre un Lottie de 900 Ko qui casse sur Android. Cet outil vous dit pourquoi avant la mise en ligne, vous laisse le recolorer aux couleurs de la marque sans repasser par After Effects, supprime les calques masqués laissés par l’export et vous rend le fichier en JSON, .lottie, SVG, PNG, séquence d’images ou WebM.
Tout se passe dans cet onglet. L’outil signale en plus les animations qui référencent des images par URL — le seul cas où un Lottie n’est pas autonome — et les intègre pour vous lorsqu’elles arrivent dans une archive .lottie.
Questions fréquentes
QMes animations sont-elles envoyées quelque part ?+
Non. Le fichier est lu avec la File API du navigateur, traité en mémoire et rendu par un lecteur embarqué dans cette page. Il n’y a aucun appel serveur à aucun moment, et rien n’est conservé entre deux visites.
QQuels formats puis-je ouvrir ?+
Un .json Lottie, une archive .lottie (le format que lottiefiles.com fournit par défaut), un sticker Telegram .tgs et un .json.gz compressé. Le conteneur est détecté par son contenu : un fichier mal nommé s’ouvre quand même.
QPourquoi rien ne se lance dès que je dépose un fichier ?+
C’est voulu. Déposer un fichier ne fait que l’analyser et l’inspecter ; vous avez d’abord sa taille, sa structure et son rapport de compatibilité, et le lecteur démarre quand vous appuyez sur le bouton. Si vous préférez sauter tout ça, collez le JSON à la main : il s’ouvre immédiatement.
QQuelles couleurs sont réellement modifiables ?+
Les remplissages et contours statiques, chaque arrêt d’un dégradé de remplissage ou de contour, la couleur d’un calque solide et chaque image clé d’une propriété de couleur animée. Les couleurs cuites dans un PNG intégré ou produites par un effet de calque ne peuvent pas être changées : aucun éditeur ne le peut sans redessiner la ressource.
QDe combien l’optimiseur allège-t-il un fichier ?+
Cela dépend entièrement de la source, c’est pourquoi l’outil affiche les octets réels avant et après plutôt qu’un chiffre annoncé. Les fichiers sortis d’After Effects perdent en général 40 à 60 % à deux décimales, parce que l’essentiel de leur poids, ce sont des coordonnées écrites avec quinze chiffres significatifs.
QPuis-je exporter un GIF ?+
Pas directement, et c’est délibéré : un encodeur GIF dans le navigateur postériserait les couleurs d’une animation vectorielle. Exportez plutôt une séquence PNG numérotée ou un WebM — les deux gardent toute la palette, et n’importe quel encodeur les transformera en GIF sans perte.
QModifier les couleurs abîme-t-il l’animation ?+
Non. Chaque modification est stockée comme un correctif au-dessus du document original, qui n’est jamais touché. Annulez, rétablissez, réinitialisez la palette ou maintenez Comparer pour revoir le fichier intact à tout moment.