Intégrer des images dans du JSON Lottie
Ajoutez du JSON Lottie et les images nécessaires, puis intégrez les images de l'animation sélectionnée dans un seul fichier JSON. Les fichiers .lottie et ZIP peuvent aussi être chargés. Résolvez les références, vérifiez le mouvement de l'animation créée et livrez-la sous forme de JSON contenant les images.
Ce que vous pouvez faire
Intégrer les images dans le JSON
Remplacez les références aux fichiers externes par les données des images pour créer un JSON Lottie qui contient les images.
Associer les références aux images
Vérifiez les éléments nécessaires à l’animation. Ajoutez les images manquantes et, s’il y a plusieurs candidats portant le même nom, choisissez les éléments à utiliser.
Vérifier le fichier créé
Après l’intégration, vérifiez les images et le mouvement dans un aperçu qui recharge le JSON, puis enregistrez-le.
Comment utiliser
Ajouter le JSON et les images nécessaires
Ajoutez le JSON Lottie et les images auxquelles il fait référence. En conservant la structure des dossiers lors de leur ajout, vous pourrez plus facilement vérifier les correspondances avec les références.
Vérifier la cible et les associations des images
Sélectionnez l’animation cible et vérifiez l’état des images référencées. Résolvez les éléments manquants et les candidats multiples.
Créer un JSON avec les images intégrées
Lorsque toutes les références sont résolues, sélectionnez « Créer le JSON ». Cette fonctionnalité ne remplace pas les images par d’autres et ne génère pas automatiquement d’images.
Vérifier l’aperçu du résultat et l’enregistrer
Vérifiez l’affichage du JSON créé et téléchargez-le. Les changements de vitesse ou d’arrière-plan effectués pour l’examen ne modifient pas le JSON enregistré.
Pratique pour
Transmettre une animation et ses images dans un seul fichier
Intégrez les images nécessaires au JSON pour le partager en réduisant le risque d’oublier des fichiers image séparés.
Regrouper les références aux images externes
Préparez un fichier avec les images référencées intégrées afin d’éviter que leurs chemins relatifs ne soient rompus à destination.
Intégration des images et formats de fichier
Des références externes aux URI de données
En général, les chemins ou noms de fichier des images sont référencés. Lors de l’intégration, le JSON contient les données des images représentées sous forme de chaînes.
L’intégration ne réduit pas la taille du fichier
Base64 représente les données des images sur environ 4/3 de leur taille d’origine. Un JSON contenant des images est plus volumineux que le JSON d’origine ; vérifiez donc également la taille du fichier après l’enregistrement.
Intégration JSON et regroupement .lottie
Cet écran inclut les données des images dans un seul fichier JSON. Le format .lottie regroupe le JSON et les éléments dans un paquet compressé. Choisissez selon les formats acceptés par la destination.
Questions fréquentes
L’intégration d’images augmente-t-elle la taille du fichier ?
Oui. Les données de l’image sont ajoutées au JSON d’origine et représentées en Base64, ce qui augmente généralement la taille du fichier. Il ne s’agit pas d’une fonction de compression d’images destinée à réduire la taille du fichier.
Quelle est la différence avec le regroupement au format .lottie ?
Le résultat est différent. Cet écran crée un JSON qui contient les images, tandis que Regrouper Lottie avec des images crée un fichier .lottie avec des éléments regroupés. Choisissez selon les formats pris en charge par votre application ou bibliothèque.
Que se passe-t-il si des images référencées manquent ?
Vous devez ajouter les éléments manquants. Si plusieurs candidats portent le même nom, choisissez le fichier à utiliser. Le JSON ne peut pas être créé tant que les références nécessaires ne sont pas résolues.
Les images sont-elles récupérées automatiquement depuis leurs URL ?
Les images ne sont pas récupérées automatiquement depuis des URL externes. Ajoutez les éléments nécessaires depuis vos fichiers locaux et vérifiez les références correspondantes.
Le JSON ou les images d’origine sont-ils modifiés ?
Les fichiers d’origine ne sont pas écrasés. Un nouveau fichier JSON est enregistré. Après avoir modifié la cible ou les associations d’éléments, créez-le à nouveau.
Tous les fichiers Lottie peuvent-ils être convertis en JSON ?
L’entrée doit pouvoir être chargée comme un fichier Lottie et toutes les références aux éléments nécessaires doivent être résolues. Cet écran ne peut pas créer de résultat à partir d’une entrée contenant des extensions qui ne peuvent pas être conservées, comme des thèmes ou des états interactifs.
Entrées et résultats
- Entrée
- JSON Lottie et images locales nécessaires. Les fichiers .lottie et ZIP peuvent également être chargés. Cette fonctionnalité ne transforme pas un JSON ordinaire en vidéo.
- Résultat
- Une animation sélectionnée. Un JSON contenant les données des images référencées est intégré.
- Vérification
- Enregistrez le résultat une fois son aperçu disponible. Recréez-le après avoir ajouté des éléments ou modifié leurs associations.