Visionneuse et inspecteur Lottie
Ouvrez un fichier JSON Lottie, .lottie ou ZIP pour examiner le mouvement et les éléments avant l’intégration. Associez les images et les polices nécessaires, puis vérifiez l’animation à différentes positions de lecture, vitesses et couleurs d’arrière-plan. Les fichiers d’origine ne sont pas modifiés et aucun nouveau fichier n’est créé ni enregistré.
Ce que vous pouvez faire
Ouvrir un fichier et le lire
Sélectionnez une animation dans un fichier JSON, .lottie ou ZIP et examinez-la en la lisant, en la mettant en pause ou en déplaçant la position de lecture.
Associer les éléments nécessaires
Ajoutez des éléments depuis votre appareil si des images, des polices ou d’autres éléments manquent. S’il y a plusieurs candidats, vous pouvez également choisir le fichier à utiliser.
Vérifier avec différents arrière-plans ou différentes vitesses
Passez d’un arrière-plan transparent, blanc ou foncé à un autre, et modifiez la vitesse de lecture, la lecture en boucle ou la taille d’affichage. Les fichiers d’origine ne sont pas modifiés.
Comment utiliser
Ajouter des animations et des éléments
Sélectionnez un fichier JSON Lottie, .lottie ou ZIP. S’il référence des éléments externes, ajoutez également le dossier ou les fichiers correspondants.
Sélectionner l’animation à examiner
S’il y a plusieurs animations, sélectionnez celle à examiner. Si des éléments manquants ou des candidats en double sont signalés, indiquez les fichiers correspondants.
Vérifier le mouvement et l’apparence
Utilisez les commandes de lecture, de pause et de déplacement dans la séquence. Si nécessaire, modifiez l’arrière-plan ou la vitesse dans « Paramètres de lecture » pour examiner l’animation.
Pratique pour
Vérifier que les données livrées fonctionnent
Ouvrez une animation reçue et vérifiez son mouvement ainsi que la présence de toutes les images nécessaires.
Vérifier l’apparence avant l’intégration
Essayez des arrière-plans clairs et foncés ainsi que différentes vitesses de lecture pour évaluer si l’animation convient à l’écran où vous l’utiliserez.
La relation entre les animations et leurs éléments
JSON, .lottie et ZIP
Le JSON Lottie contient des données d’animation et de formes. Les fichiers .lottie et ZIP peuvent regrouper les animations et leurs éléments.
Les éléments référencés sont également nécessaires à l’affichage
Si les images, les polices ou d’autres éléments sont des fichiers séparés, vérifiez leurs noms et l’emplacement de leurs dossiers. Résolvez les éléments manquants et les doublons avant la lecture.
Les paramètres de lecture servent à l’examen
Les changements de vitesse, de lecture en boucle, d’arrière-plan et de taille d’affichage n’affectent que l’aperçu. Cette fonctionnalité ne modifie ni n’enregistre les données d’animation d’origine.
Vérifiez également dans l’environnement où vous l’utiliserez
Les thèmes, les états interactifs et les fonctionnalités propres à certains lecteurs peuvent différer de l’affichage d’une animation élémentaire. Le fait qu’une animation puisse être lue ici ne garantit pas un rendu identique dans toutes les applications.
Questions fréquentes
Que faire si des images ne s’affichent pas ?
Vérifiez les éléments manquants ou non pris en charge dans « Éléments référencés ». Ajoutez les images depuis votre appareil et, s’il y a plusieurs candidates, choisissez le fichier à utiliser. L’ajout de dossiers en conservant leur structure facilite la vérification des correspondances.
Puis-je lire un JSON ordinaire ou des images seules ?
Vous avez besoin de données d’animation au format Lottie. L’ajout d’un JSON ordinaire ou d’images uniquement ne permet pas de les lire sous forme d’animations.
Puis-je enregistrer un fichier avec une vitesse de lecture modifiée ?
Cette page sert à examiner les fichiers. Elle ne réécrit pas la vitesse de lecture ni d’autres paramètres dans les données d’origine et ne les enregistre pas dans un nouveau fichier.
Comment afficher les zones qui dépassent du cadre à la taille d’origine ?
Sélectionnez « Taille d’origine » dans les paramètres de lecture pour faire défiler la zone d’affichage et examiner l’animation. Revenez à « Ajuster au cadre » pour afficher l’animation entière.
Plusieurs animations sont-elles enchaînées dans l’ordre ?
Non. Sélectionnez une animation à examiner et lisez-les une par une. Lorsque vous changez d’animation, ses paramètres de lecture sont réinitialisés à leurs valeurs par défaut.
Que faire si des polices ou des fonctions spéciales ne s’affichent pas ?
Vérifiez les fichiers de polices correspondants. Selon la structure d’exportation, l’ajout d’éléments peut ne pas suffire à afficher le contenu. Vérifiez également l’affichage dans l’application où vous comptez l’utiliser, notamment les thèmes et les états interactifs.
Entrées et résultats
- Entrée
- JSON Lottie, fichier .lottie ou ZIP. Ajoutez des images, des polices ou d’autres éléments si nécessaire.
- Vérification
- Mouvement, dimensions, fréquence d’images, durée et éléments référencés.
- Paramètres de lecture
- Vitesse, lecture en boucle, arrière-plan et taille d’affichage. Les données d’origine ne sont pas modifiées.
- Résultat
- Aperçu uniquement. Aucune création, conversion ou aucun téléchargement n’est effectué.