Lottie, GIF ou MP4 : quel format d’animation choisir ?
Trois formats, trois façons de décrire un mouvement : ce que chacun stocke vraiment, les deux calculs qui décident, et la question à poser avant de choisir.
Trois formats, trois façons de décrire un mouvement, et un seul bon choix par livraison. Lottie, GIF ou MP4 ne s’opposent pas sur une échelle de qualité : ils ne stockent pas la même chose, et c’est cette différence qui tranche.
La question du format arrive d’ailleurs souvent trop tard, au moment de l’export. Un GIF choisi pour une boucle de réseau social et un Lottie choisi pour une transition d’interface n’ont ni le même coût de production ni les mêmes limites.
Ce que chaque format stocke vraiment
Un Lottie est un fichier JSON : il décrit de la géométrie, des calques et des courbes, et le lecteur dessine chaque image à la volée. Rien n’est pré-rendu : le fichier ne contient aucune image, seulement des instructions. Le fichier peut donc être affiché à n’importe quelle taille sans perdre de netteté.
Un GIF est une suite d’images indexées. Le format GIF89a plafonne la palette à 8 bits, soit 256 couleurs par image, avec une transparence d’un seul bit. Il ne transporte pas de son et compresse mal les différences entre images successives.
Un MP4 encapsule une vidéo compressée, le plus souvent en H.264. Le codec exploite la ressemblance entre images successives pour décrire le mouvement, ce qui donne des fichiers compacts sur des images photographiques ou des dégradés riches. Il accepte aussi une piste audio.
| Format | Nature | Couleur | Son |
|---|---|---|---|
| Lottie | JSON vectoriel | couleurs pleines et dégradés | aucun |
| GIF | images indexées | 256 couleurs par image | aucun |
| MP4 | vidéo inter-images | 8 bits par composante | oui |
Les deux calculs qui décident
Le premier concerne la palette. Dix secondes à 10 images par seconde font 100 images. Avec 256 couleurs disponibles par image, contre 256³ = 16 777 216 teintes possibles, un GIF ne peut représenter qu’environ 1/65 536 des couleurs d’une image continue. Tout dégradé doit être approximé, et l’approximation se voit sous forme de bandes.
Le second concerne le débit. Le même clip de dix secondes en MP4 à 2 Mbit/s pèse 2 000 000 × 10 ÷ 8 = 2 500 000 octets, soit 2,5 Mo. Ce chiffre ne dit rien de la qualité perçue, mais il rend le compromis explicite : le MP4 échange de la précision contre un poids maîtrisé, le GIF échange de la couleur contre une compatibilité de lecteur.
Les cas où le choix est évident
Une icône qui se transforme au clic, un indicateur de chargement, une transition d’interface : le Lottie s’impose quand le visuel est vectoriel. Il reste léger et se redimensionne sans perte de netteté.
Une courte boucle à publier sur un réseau social, sans son, avec des aplats et peu de nuances : le GIF reste lisible presque partout, y compris là où une vidéo ne se lance pas automatiquement. Acceptez les bandes dans les dégradés et la transparence binaire.
Une séquence avec du son, des images photographiques, des mouvements de caméra ou un rendu 3D : le MP4 est la seule sortie raisonnable. Aucun des deux autres formats ne porte de piste audio, et le GIF ramènerait une image photographique à 256 couleurs.
Les compromis de workflow
Un Lottie se construit en pensant vectoriel. Les formes, le texte et les masques voyagent bien ; les effets raster, les flous avancés et les expressions passent mal d’un outil à l’autre. Plus la composition est simple, plus la sortie est prévisible.
Le GIF se fabrique à partir d’une suite d’images. Il faut donc choisir une cadence basse et une taille raisonnable, sinon le fichier devient lourd pour un résultat pauvre en couleurs.
Le MP4 suppose un encodeur et un débit choisis. La transparence n’est pas portable dans un MP4 en H.264, donc une animation destinée à un fond variable ne doit pas compter sur cette sortie.
Comment trancher en trois questions
Première question, la destination accepte-t-elle un fichier de code ou une vidéo ? Un Lottie exige un lecteur Lottie, pas un lecteur multimédia.
Deuxième question, la transparence est-elle indispensable ? Si oui, oubliez le MP4 et vérifiez que le GIF suffit, sachant que sa transparence est binaire.
Troisième question, y a-t-il du son ou de la photographie ? Si oui, le MP4 gagne sans discussion.
Ce que l’éditeur propose réellement
L’éditeur motion design et VFX importe et exporte des fichiers Lottie, et enregistre ses projets au format .ecproj. Sa file de rendu liste plusieurs sorties, dont MP4, WebM, GIF et des suites d’images. Cette liste indique des sorties possibles ; elle ne remplace pas la vérification du fichier obtenu avant livraison.
L’éditeur vidéo de la même famille dispose, lui, d’un export H.264 MP4 vérifié, mais il s’agit d’un autre outil, avec un autre usage. Pour le détail du contenu d’un fichier Lottie, Qu’est-ce qu’un fichier Lottie et comment fonctionne-t-il ? entre dans la structure du JSON. Et si le mot « motion design » lui-même reste flou, Motion design ou animation : quelle différence ? sépare les deux pratiques.
Le format n’est pas un détail de fin de projet. Choisi trop tard, il impose de reconstruire le visuel dans une autre logique, exactement au moment où le temps manque.
Questions fréquentes
Pourquoi un GIF ne peut-il pas afficher un dégradé propre ?
Parce que chaque image est limitée à 256 couleurs indexées. Un dégradé continu doit être approximé par une suite de teintes, ce qui produit des bandes visibles.
Un fichier MP4 peut-il conserver la transparence ?
Pas de manière portable. La combinaison MP4 et H.264 ne transporte pas de canal alpha utilisable partout, donc une animation sur fond variable ne doit pas compter sur cette sortie.
Quel format choisir pour une animation d’interface ?
Un Lottie, si le visuel repose sur des formes et du texte vectoriels. Il se redimensionne sans perte et reste léger, à condition de vérifier le rendu dans le lecteur qui l’affichera.
Essayez ces outils FreeAIGeneration
Articles similaires
-
MP4, MOV ou WebM : quel format vidéo choisir ?
MP4, MOV et WebM disent où le fichier sera lu, pas sa qualité : ce que chaque conteneur garantit, et pourquoi le poids vient du codec, pas de la boîte.
Workflows créatifs édition vidéo Formats de fichiers Comparaison de workflows Import et export 4 min de lecture
Publié le Par Philippine Mailhot
-
Qu’est-ce qu’un fichier Lottie et comment fonctionne-t-il ?
Un Lottie s’ouvre dans un éditeur de texte sans rien casser : un JSON qui décrit une animation calque par calque, ce qu’il ne transporte pas, et dotLottie.
Workflows créatifs Motion design Outils navigateur Sans inscription Lottie 4 min de lecture
Publié le Par Philippine Mailhot
-
Comment créer et exporter des animations Lottie en ligne
Composer une animation courte pour une interface, régler le mouvement, exporter le JSON Lottie et contrôler le fichier dans le lecteur qui l’affichera.
Workflows créatifs Lottie Motion design Animation web 4 min de lecture
Publié le Par Philippine Mailhot
Continuer à explorer
FreeAIGeneration va au-delà de cet article. Les éditeurs et calculateurs ci-dessous sont réels, gratuits et s’exécutent dans votre navigateur.