Player Lottie
Ouvrez un JSON, ZIP ou .lottie pour vérifier le rendu et les métadonnées.
Ouvrez un JSON, ZIP ou .lottie pour vérifier le rendu et les métadonnées.
Ouvrez une animation Lottie dans le navigateur : preview fluide, boucle, vitesse, fond de test et inspection rapide des fichiers JSON, ZIP ou .lottie. Cette page fait partie des outils utilitaires de Boîte À Out's, pensés pour obtenir un résultat rapide, gratuit et accessible depuis un navigateur moderne.
Ce Lottie player sert à contrôler rapidement une animation avant de l'intégrer dans un site, une application mobile, une landing page ou un design system. Il permet d'ouvrir un fichier Lottie JSON, une archive ZIP ou un fichier .lottie, puis de vérifier le rendu, la durée, la fréquence d'images, les dimensions, le nombre de calques et la présence d'assets intégrés. C'est le bon premier réflexe quand vous recevez une animation depuis After Effects, Bodymovin, LottieFiles ou un outil d'export automatisé.
Le lecteur Lottie accepte les animations en JSON, les archives ZIP contenant le JSON et les images, ainsi que les fichiers .lottie. Les assets intégrés sont lus localement pour vérifier le rendu sans préparation supplémentaire.
Les contrôles de lecture aident à repérer une boucle mal calée, une animation trop rapide, un fond transparent difficile à lire ou un fichier qui ne se comporte pas comme prévu. Le fond damier, blanc, noir ou transparent permet de tester le contraste sans modifier l'animation source.
La page affiche les dimensions, la durée, la fréquence d'images, le nombre de calques, les marqueurs, les assets et la taille du fichier. Ces informations aident à décider si l'animation peut partir en intégration ou si elle doit être corrigée.
Le player Lottie est le point d'entrée pour lire et contrôler une animation. Il ne cherche pas à remplacer un éditeur complet : son rôle est de confirmer que le fichier s'ouvre, que la boucle est correcte et que le rendu reste lisible sur plusieurs fonds. Si le fichier doit être retouché, vous pouvez modifier l'animation dans l'éditeur Lottie. Si le problème principal est le poids du JSON ou des images intégrées, passez plutôt par Lottie Optimiser pour compresser le fichier. Cette séparation évite de mélanger lecture, édition et optimisation dans une seule interface trop lourde.
Le fichier est lu dans le navigateur pour générer la preview et extraire les métadonnées affichées dans l'interface. Le lecteur est donc adapté aux vérifications rapides, aux échanges entre design et développement, et aux tests avant publication. Il ne compresse pas automatiquement les images et ne réécrit pas les calques : ces opérations doivent rester dans les outils dédiés pour garder une interface claire.
Boîte À Out's publie des outils pratiques et documente ses hypothèses quand des données externes, des barèmes publics ou des règles métier sont impliqués. Dernière mise à jour connue de cette fiche : 4 mai 2026.
Le player accepte les fichiers .json, .zip et .lottie. Les images incluses dans une archive sont intégrées temporairement dans le navigateur pour vérifier le rendu.
Non. La lecture se fait dans le navigateur pour afficher la preview et les métadonnées du fichier chargé.
Oui. Le lecteur permet de vérifier la boucle, la vitesse, les dimensions, le nombre de calques, les images intégrées et le rendu sur plusieurs fonds avant d'intégrer l'animation dans une page web ou une application.
Ils permettent de contrôler le contraste et la transparence de l'animation. Le damier aide à repérer les zones transparentes, tandis que les fonds blanc et noir révèlent les éléments trop clairs ou trop sombres.
Le player sert à lire et inspecter rapidement une animation. L'éditeur Lottie permet de modifier les calques, les propriétés, les exports et les optimisations avancées.
Utilisez Lottie Optimiser lorsque le fichier est trop lourd, contient beaucoup d'images intégrées ou doit être livré en JSON minifié ou en archive .lottie. Le player reste l'outil de vérification rapide.
Besoin d'aide supplémentaire ? Ces réponses ne couvrent pas votre question ? N'hésitez pas à nous contacter.
Note : Vos saisies servent uniquement à produire le résultat demandé. Selon l'outil, certains calculs restent dans votre navigateur et certaines données publiques peuvent être demandées via une API limitée au strict nécessaire.