Aperçu & Optimiseur Lottie

Prévisualisez, copiez/téléchargez SVG, optimisez JSON et modifiez les animations Lottie localement.

Glissez-déposez le fichier Lottie JSON ici, ou cliquez pour le charger

*.json (Lottie format)

Comment prévisualiser et optimiser des animations Lottie

1

Téléchargez ou glissez votre fichier Lottie JSON pour charger l'aperçu de l'animation dans le lecteur interactif.

2

Utilisez l'onglet 'Calques & Ressources' pour modifier des éléments de texte ou remplacer des calques d'image directement dans l'animation.

3

Allez sur l'onglet 'Diagnostic & Compression', configurez la précision décimale des coordonnées et activez les options de nettoyage de métadonnées pour compresser le fichier.

4

Cliquez sur 'Exporter le JSON' pour enregistrer le fichier Lottie optimisé, ou copiez le code vectoriel SVG de l'image actuelle pour l'utiliser dans Figma.

FAQ sur l'outil Lottie

Comment l'optimisation Lottie réduit-elle la taille du fichier ?
Les fichiers Lottie JSON stockent souvent une précision décimale excessive pour les coordonnées et les courbes d'images clés. Tronquer les nombres à virgule flottante à 1 ou 2 décimales et supprimer les métadonnées d'auteur inutiles peut réduire la taille des fichiers de 30% à 70% sans impact visible.
Puis-je modifier les calques de texte Lottie sans After Effects ?
Oui. L'éditeur analyse les calques de texte modifiables. Vous pouvez modifier les textes, traduire les chaînes ou remplacer les images intégrées directement dans le navigateur, et prévisualiser instantanément les modifications dynamiques.
Comment utiliser le code SVG copié dans Figma ?
En cliquant sur 'Copier le code SVG', l'image actuelle est capturée. Vous pouvez la coller directement dans Figma (Cmd+V / Ctrl+V), ce qui générera automatiquement les calques et groupes vectoriels correspondants.

🔗 Outils Associés