Format de logo animé : MP4, GIF, WebM ou Lottie ?

Le bon format de logo animé dépend de l'endroit où il sera lu : MP4 pour la vidéo, WebM avec un MP4 de secours sur un site, GIF pour une signature mail, GIF ou WebP animé pour les messageries et les formulaires qui n'acceptent que des images. Lottie ou SVG animé ne se justifient que si le logo doit rester vectoriel dans une application.

Les formats de logo animé se rangent en trois familles. Les formats vidéo (MP4, WebM, MOV) ont besoin d'un lecteur. Les images animées (GIF, WebP animé, APNG) s'affichent partout où passe une image. Les formats vectoriels (Lottie, SVG animé) décrivent des formes plutôt que des pixels, et restent nets à toutes les tailles.

Nous avons exporté 21 animations de logo de quatre secondes dans les cinq formats du menu de téléchargement de MorphLogo : le GIF était à chaque fois plus lourd que le MP4 d'origine.

Vous avez un logo, mais pas encore d'animation ? Générez-la, puis téléchargez-la en MP4, WebM, WebP, GIF ou GIF de signature mail. Essayer l'animation logo IA →

Importez un PNG, un JPG, un WebP ou un SVG. Générer est gratuit à l'essai, avec un aperçu filigrané ; tout téléchargement demande une offre payante ou un pack de crédits.

Quel format de fichier choisir pour un logo animé ?

Le meilleur format est celui que la destination lit sans aide : les messageries animent les GIF mais pas la vidéo, et certains formulaires n'acceptent que des images. Choisissez le fichier selon l'emplacement : la plupart des marques finissent avec un MP4 pour tout ce qui est vidéo, un GIF pour l'e-mail, et un WebM si le logo va sur un site.

Où va le logo	Format	Pourquoi
En-tête ou bannière de site	WebM, avec MP4 de secours	Plus léger que nos MP4, WebP et GIF dans les 21 tests
Signature mail	GIF au format signature	Gmail et Outlook 2007–2019 pour Windows ne lisent pas la vidéo dans un e-mail
Messageries, forums, imports « image uniquement »	GIF, ou WebP animé s'il est accepté	Démarre seul et tourne en boucle, sans lecteur
YouTube, réseaux sociaux, publicités, logiciels de montage	MP4, généré directement au bon cadrage : 16:9 pour YouTube, 9:16 pour Reels, Stories et TikTok, 1:1 pour un fil	Le rendu d'origine, avec le son si vous l'avez ajouté
Présentations	MP4 ; GIF dans Google Slides	Microsoft recommande le MP4 H.264 pour PowerPoint ; Apple indique que le H.264 se lit sur tous ses appareils ; Slides accepte les GIF comme images
Interface d'application, chargement, survol	Lottie ou SVG animé	Reste vectoriel et pilotable par le code
Logo d'une page LinkedIn	PNG ou JPEG fixe	LinkedIn n'accepte que le PNG ou le JPEG pour les images de page

Quel format pour un logiciel de montage ?

Prenez le MP4 : c'est le rendu lui-même, jamais recompressé. Le H.264 figure dans la liste des formats pris en charge par Final Cut Pro, pas le WebM. MorphLogo génère en 16:9, 4:3, 1:1, 3:4 ou 9:16 : choisissez le cadrage final plutôt que de recadrer un carré. Et si le logo doit passer par-dessus vos images, le MOV ProRes 4444 à fond transparent décrit plus bas se pose sur la timeline sans détourage.

GIF ou MP4 : quel format choisir pour un logo ?

Le MP4 partout où la vidéo se lit, le GIF uniquement là où elle ne se lit pas. Dans nos tests, le GIF pesait plus lourd que le MP4 d'origine pour 21 clips sur 21, alors qu'il contenait quatre fois moins de pixels et 15 images par seconde au lieu de 24.

Notre méthode. Le 19 septembre 2026, nous avons converti 21 rendus carrés de quatre secondes (960 × 960 pixels à 24 images par seconde, les mêmes que sur notre page d'exemples de logos animés) avec le même service d'export et les mêmes réglages que les téléchargements des utilisateurs. Les poids sont en unités décimales : 1 Ko = 1 000 octets.

Le MP4 est le rendu d'origine ; les quatre autres en sont convertis au téléchargement, en sacrifiant des pixels, des images ou des couleurs.

Format	Image et cadence	Couleurs	Boucle
MP4 (H.264)	Taille du rendu (ici 960 pixels), 24 i/s	Toutes	Si le lecteur boucle
WebM (VP9)	Petit côté jusqu'à 1 080 pixels (ici 960), 24 i/s	Toutes	Si le lecteur boucle
WebP animé	Petit côté jusqu'à 720 pixels, 24 i/s	Toutes	À l'infini
GIF	Grand côté 480 pixels, 15 i/s	256 au plus par image	À l'infini
GIF signature mail	Grand côté 240 pixels, 10 i/s	64	Une seule lecture

Seuls le MP4 et le WebM portent du son, et seulement si vous en avez ajouté.

Format	Poids médian	Écart sur 21 clips	Poids par rapport au MP4 (médiane)
MP4	2,00 Mo	1,36–2,94 Mo	1×
WebM	496 Ko	55 Ko–1,60 Mo	0,25×
WebP animé	984 Ko	416 Ko–1,77 Mo	0,44×
GIF	3,65 Mo	2,5–6,4 Mo	1,86×
GIF signature mail	509 Ko	343–862 Ko	0,26×

MP4, WebM et WebP sont difficiles à distinguer ; le GIF parsème le dégradé de points de tramage, et le GIF de signature se défait en blocs une fois agrandi, ce qui ne se voit pas à taille de signature.

Pourquoi un GIF est-il plus lourd que la vidéo dont il sort ?

Un GIF n'économise que les pixels strictement identiques d'une image à l'autre, or le léger grain du fond d'un clip généré fait réécrire presque chaque pixel. La spécification GIF89a plafonne en plus chaque image à 256 couleurs, si bien que les dégradés sont simulés par un tramage qui se compresse mal. Un codec vidéo, lui, n'enregistre que ce qui change, en couleurs complètes.

Le guide web.dev de Google arrive au même constat : remplacez les GIF par de la vidéo dès que c'est possible.

Le GIF garde l'avantage dans l'e-mail et partout où l'on accepte les images mais pas la vidéo ; pour ces usages, le créateur de logo GIF produit les deux tailles de GIF à partir d'un seul rendu.

Et le WebP animé ?

Entre les deux : couleurs complètes et boucle infinie sans lecteur, pour un peu moins de la moitié du poids du MP4. Les navigateurs actuels l'affichent (Can I use), mais Gmail le transforme en JPEG fixe (Can I email).

Quand faut-il un Lottie ou un SVG animé ?

Uniquement quand le logo doit rester vectoriel : net à toutes les tailles, piloté par le code, ou réactif aux clics et au défilement dans un site ou une application.

Lottie est un format d'animation vectorielle open source, un fichier JSON souvent exporté d'After Effects avec le plug-in Bodymovin. Un SVG animé est un fichier SVG animé en CSS ou en SMIL. Les deux stockent des formes et des images clés, pas des pixels, et se construisent donc à partir d'un fichier vectoriel : une vidéo générée, avec ses particules et ses reflets, ne se retransforme pas en formes vectorielles.

MorphLogo n'exporte ni Lottie ni SVG animé : il génère de la vidéo. Pour du mouvement vectoriel, passez par LottieFiles, Lottielab, SVGator ou After Effects avec Bodymovin. Notre comparatif des logiciels d'animation de logo range ces outils selon le fichier de départ.

Comment avoir un logo animé avec fond transparent ?

Il faut un format doté d'un canal alpha, c'est-à-dire une valeur de transparence pour chaque pixel. Le WebP animé, l'APNG, le WebM VP9 avec alpha, le HEVC avec alpha et le MOV ProRes 4444 en ont un ; un GIF ne sait rendre un pixel que totalement transparent ou totalement opaque.

Format	Transparence	Où elle fonctionne
GIF	Une couleur totalement transparente, le reste opaque (GIF89a)	Partout, avec halos ou bords crénelés
APNG	Alpha complet	Navigateurs actuels ; pas Gmail sur le web ni sur Android
WebP animé	Alpha complet	Navigateurs actuels ; Gmail le transforme en JPEG fixe
WebM (VP9 avec alpha)	Alpha complet	Chrome, Edge et Firefox ; Safari ignore l'alpha
HEVC avec alpha	Alpha complet	Safari sur iOS 13 et macOS Catalina ou plus récents
MOV (ProRes 4444)	Alpha complet, jusqu'à 16 bits	Logiciels de montage ; environ 330 Mbit/s en 1080p, trop lourd pour la diffusion

Une vidéo transparente sur un site demande donc deux fichiers : un WebM VP9 avec alpha pour la plupart des navigateurs, et un fichier HEVC avec alpha pour Safari.

Chez MorphLogo, le fond transparent est une option payante. Activez Fond transparent avant le rendu : le logo est animé sur un fond vert, et le vert est retiré au téléchargement en WebM, WebP, GIF ou MOV (ProRes 4444 pour les logiciels de montage). Le MP4 garde le fond vert, pour un détourage dans votre propre logiciel ; il n'y a pas de fichier HEVC. Les conditions :

• Un logo à fond transparent, comme un PNG ou un SVG. Un logo sur fond plein ou un JPEG est refusé.
• Quatre styles seulement : Rotation à 360°, Flottement doux, Rebond élastique et Explosion de confettis, ou votre propre description du mouvement.
• Pas de halo lumineux : les lueurs autour du logo partent avec le fond vert.
• En GIF, des bords nets et crénelés. Pour des contours doux, prenez le WebM, le WebP ou le MOV.

Sans l'option, le fond est rendu dans chaque image. Pour éviter un cadre visible :

• Importez le logo sur le fond où il sera posé. Le rendu part de la couleur des coins de votre fichier ; dans notre test, un blanc pur est revenu en #F9F9FC.
• Choisissez un style qui s'ouvre sur votre logo. Ces styles gardent le fond à une nuance près ; les styles d'apparition comme Assemblage de particules ou Effet glitch peuvent rééclairer la scène.

Quel poids pour un logo animé ?

Visez moins de 500 Ko pour un GIF de signature mail (certains éditeurs de signatures disent 200 Ko), et un clip de site aussi léger que son mouvement le permet. Dans nos tests, un logo carré de quatre secondes pesait de 55 Ko à 1,60 Mo en WebM et de 343 à 862 Ko en GIF de signature.

Pour une signature mail

Ni Gmail ni Outlook ne publient de limite. Litmus recommande 1 Mo au plus pour un GIF d'e-mail ; pour un GIF de signature, l'éditeur WiseStamp conseille de rester sous 500 Ko et Letsignit suggère 200 Ko au maximum. Notre GIF de signature (240 pixels, 10 images par seconde, 64 couleurs, une seule lecture) pesait de 384 à 402 Ko pour les styles qui s'ouvrent sur le logo : dans la limite de WiseStamp, pas dans celle de Letsignit. Les fichiers au-delà de 500 Ko venaient tous de mouvements plein cadre (particules, verre brisé), et aucun des 21 n'est passé sous 200 Ko.

La lisibilité dépend de la taille d'affichage, pas du format. Gmail affiche les images de signature sur 100 pixels de haut au plus, et à cette hauteur la ligne de slogan de notre logo test ne fait plus qu'un ou deux pixels, quel que soit le format, alors que le pictogramme reste visible :

Élément	Dans le MP4 de 960 pixels	Dans une signature de 100 pixels de haut
Pictogramme en losange	158 pixels	environ 16 pixels
Logotype VERTEX	58 pixels	environ 6 pixels
PRECISION TOOLING CO.	20 pixels	environ 2 pixels
EST. 1998 · SINCE THEN	12 pixels	environ 1 pixel

Gardez le pictogramme ou le logotype, et écrivez le slogan en texte. Outlook pour Windows 2007–2019 n'affiche que la première image : choisissez un style qui s'ouvre sur votre logo. Les étapes d'insertion sont dans notre guide de la signature mail animée.

Pour un site web

Sur une page web, le poids devient du temps de chargement, et c'est surtout le mouvement qui le fixe. Les styles qui gardent le logo entier donnaient un WebM de 111 à 143 Ko, les tracés au crayon 87 Ko en médiane ; les mouvements plein cadre comme les particules ou le liquide, 615 Ko en médiane et jusqu'à 1,60 Mo.

Comment mettre un logo animé sur son site ?

Placez-le dans une balise HTML <video> muette et en boucle, avec le WebM en premier, le MP4 en secours, et votre fichier logo d'origine en image d'attente (poster).

<video autoplay muted loop playsinline
       poster="/images/logo.png" width="480" height="480">
  <source src="/media/logo-animation.webm" type="video/webm">
  <source src="/media/logo-animation.mp4" type="video/mp4">
</video>

• muted avec autoplay : Chrome autorise toujours la lecture automatique sans son, et WebKit laisse démarrer seule une vidéo muette sur iOS.
• playsinline : garde la lecture dans la page sur iPhone au lieu du plein écran.
• loop : repart du début à la fin (MDN).
• Le WebM en premier : sinon le MP4, plus lourd, l'emporte partout.
• poster : s'affiche jusqu'au chargement. Mettez-y votre logo, puisque chaque style est guidé pour se terminer dessus.

N'utilisez pas de GIF en en-tête : les nôtres pesaient en médiane 8 fois le WebM, avec moins de couleurs et d'images.

Deux vérifications avant la mise en ligne :

• Ajoutez un bouton pause à une boucle. Le critère de succès 2.2.2 des WCAG 2.2 exige un moyen de mettre en pause un contenu animé qui démarre seul, dure plus de cinq secondes et côtoie d'autres contenus. Un clip de quatre secondes en boucle est concerné : ajoutez controls ou retirez loop.
• Surveillez le raccord de la boucle. Sur 89 rendus récents, l'Orbite 3D bouclait proprement dans 12 cas sur 19, la Rotation à 360° laissait le plus souvent un léger saut, et l'Apparition cinématique flashait à chaque fois parce qu'elle finit plus lumineuse qu'elle ne commence. La page logo animé en boucle donne le tableau style par style.

Format de logo animé : questions fréquentes

Quel est le format idéal pour un logo ?

Pour un logo fixe posé sur des fonds variés, le PNG : il compresse sans perte et gère la transparence, ce que le JPEG ne fait pas. Pour l'impression et les agrandissements, gardez l'original vectoriel : SVG, EPS ou PDF. Pour un logo animé, le format dépend de l'emplacement (voir le tableau plus haut). MorphLogo accepte le PNG, le JPG, le WebP et le SVG.

Quel est le format d'image GIF ?

Le GIF (Graphics Interchange Format) est un format d'image qui enchaîne plusieurs images, d'où son usage pour les animations. Chaque image est limitée à 256 couleurs et la transparence est binaire. Il se lit partout, y compris dans Gmail et Outlook, mais pèse lourd pour un rendu vidéo.

Comment faire un GIF transparent ?

Partez d'une animation qui a déjà un canal alpha et exportez-la en GIF : faute de transparence partielle, les bords adoucis deviennent crénelés ou gardent un halo. Si le support accepte le WebP ou le WebM, préférez-les pour des contours propres.

Comment faire un logo animé ?

Trois voies : confier le logo à un motion designer qui l'anime dans After Effects, personnaliser un modèle dans Canva ou Adobe Express, ou partir de votre propre fichier avec un générateur IA. Avec MorphLogo, importez le logo en PNG, JPG, WebP ou SVG, choisissez un style de mouvement et un format d'image, générez, puis téléchargez le fichier qui correspond à l'emplacement (voir le premier tableau).

Quelle durée pour un logo animé ?

Quelques secondes suffisent pour que le logo se forme puis se pose ; nos 21 tests duraient quatre secondes. MorphLogo génère des clips de 4, 5, 6, 8 ou 10 secondes. Une intro de vidéo peut être plus longue qu'une boucle de site, et sur un site, une animation en boucle doit pouvoir être mise en pause, quelle que soit sa durée (voir plus haut).

Combien coûte un logo animé ?

Tout dépend de la voie : freelance, agence ou outil en libre-service. Nous avons relevé les prix de chacune dans notre article sur le prix d'une animation de logo.