# MP4 ou WebM : quel format vidéo exporter [Canonical HTML page](https://gradiently.design/fr/guide/mp4-vs-webm) Deux conteneurs, une poignée de codecs et une question pratique : quel fichier donner à Instagram, et lequel mettre sur votre site web. ## The short version - Le MP4 est le format vidéo le plus sûr à exporter, car il se lit sur presque tous les téléphones, navigateurs, logiciels de montage et réseaux sociaux. - Le WebM est un format ouvert et libre de droits, souvent plus léger que le MP4 à qualité comparable, ce qui le rend utile sur les sites web. - Pour les réseaux sociaux, exportez en MP4 : les plateformes l’acceptent de façon fiable et réencodent de toute façon tout ce qu’elles reçoivent. - Sur un site web, une pratique courante consiste à proposer d’abord le WebM et le MP4 en repli, dans un seul élément vidéo. - Le WebM peut transporter de la transparence dans les navigateurs qui la prennent en charge, ce que le MP4 ordinaire en H.264 ne peut pas faire. Dans le choix **MP4 ou WebM**, exportez en MP4 quand vous envoyez une vidéo dans un endroit que vous ne maîtrisez pas, comme Instagram, TikTok, LinkedIn, la boîte mail d’un client ou un logiciel de montage, car il se lit presque partout. Choisissez le WebM pour votre propre site web, où il est souvent plus léger à qualité égale, et idéalement proposez les deux pour que chaque navigateur choisisse celui qu’il lit le mieux. Cela couvre la plupart des décisions. La suite de cette page explique pourquoi, et les quelques cas où la réponse change. ## Ce que sont vraiment le MP4 et le WebM Ce sont tous deux des **conteneurs** : des boîtes qui contiennent un flux vidéo, un flux audio et quelques informations à leur sujet. Ce qui décide de la qualité et du poids, c’est le **codec** à l’intérieur. Le MP4 transporte en général de la vidéo H.264 et de l’audio AAC, parfois du H.265 ou de l’AV1. Le WebM transporte de la vidéo VP8, VP9 ou AV1 avec de l’audio Opus ou Vorbis. Le WebM a été créé comme format ouvert et libre de droits pour le web ; le MP4 est le standard établi de longue date autour duquel ont été conçus appareils photo, téléphones et logiciels de montage. | Caractéristique | MP4 | WebM | | --- | --- | --- | | Codecs vidéo courants | H.264, H.265, AV1 | VP8, VP9, AV1 | | Codecs audio courants | AAC | Opus, Vorbis | | Poids du fichier | Léger | Souvent plus léger à qualité comparable | | Se lit sur | Presque tout | Navigateurs récents ; plus inégal dans les applications et logiciels de montage | | Envoi sur les réseaux sociaux | Accepté partout | Pas accepté de façon fiable | | Transparence | Pas en H.264 | Oui, en VP9 dans les navigateurs compatibles | | Licences | Certains codecs sont soumis à des licences de brevets | Ouvert et libre de droits | Les grandes lignes. La compatibilité évolue : vérifiez la prise en charge actuelle des navigateurs sur caniuse avant de compter sur un cas limite. ## Quel format pour les réseaux sociaux Exportez en MP4. Toutes les grandes plateformes l’acceptent, et toutes réencodent ce que vous envoyez : un WebM plus léger ne vous apporte donc rien une fois en ligne. Ce qui change vraiment l’aspect de votre vidéo après l’envoi, ce sont la taille de l’image, la fréquence d’images et la qualité du fichier envoyé. Envoyez un MP4 propre en 1080×1920 pour les Reels et les stories, ou en 1080×1350 pour un post portrait dans le fil, et la plateforme n’a rien à redimensionner. - Reel, story, TikTok 9:16: 1080 × 1920 - Post portrait 4:5: 1080 × 1350 - Post carré 1:1: 1080 × 1080 - Paysage 16:9: 1920 × 1080 Les formats que vous exporterez le plus souvent. Chacun d’eux doit être envoyé en MP4. Pour la liste complète des formats par plateforme, voyez [les formats vidéo des réseaux sociaux](https://gradiently.design/fr/guide/social-video-sizes). ## Quel format pour un site web Sur votre propre site, vous maîtrisez le lecteur : vous pouvez donc proposer les deux. Le navigateur lit les éléments `source` dans l’ordre et lance le premier qu’il prend en charge. Placez le WebM en premier si votre fichier WebM est le plus léger des deux, et gardez le MP4 en repli pour tout navigateur qui ne peut pas le lire. ```html ``` Le WebM d’abord, le MP4 en repli. Le poster s’affiche pendant le chargement de la vidéo et pour toute personne dont le navigateur ne lit aucun des deux. Mesurez avant de supposer. Pour certains clips, surtout très courts ou très simples, un MP4 bien encodé est aussi léger que le WebM, et servir un seul fichier est plus simple. Le guide de MDN sur [les codecs vidéo du web](https://developer.mozilla.org/en-US/docs/Web/Media/Guides/Formats/Video_codecs) fait référence pour savoir ce que lit chaque navigateur. Si le clip sert de fond, [les fonds vidéo sur un site web](https://gradiently.design/fr/guide/video-background-website) couvrent les images de poster, le dimensionnement et les performances. ## Convertir entre MP4 et WebM Si vous avez un format et qu’il vous faut l’autre, l’outil gratuit en ligne de commande FFmpeg gère les deux sens. Les commandes ci-dessous sont de bons points de départ pour des boucles de design : pas d’audio, une bonne qualité, et un MP4 qui commence à se lire avant d’être entièrement téléchargé. ```bash # WebM to MP4 (H.264), ready for social uploads and the web ffmpeg -i loop.webm -c:v libx264 -crf 20 -preset slow \ -pix_fmt yuv420p -movflags +faststart -an loop.mp4 # MP4 to WebM (VP9), usually smaller for your website ffmpeg -i loop.mp4 -c:v libvpx-vp9 -crf 32 -b:v 0 -an loop.webm ``` Un CRF plus bas signifie une meilleure qualité et des fichiers plus lourds. Retirez -an si la vidéo a un son que vous voulez garder. > **Pourquoi yuv420p compte** Certains encodeurs produisent des MP4 dans un format de couleur que les téléphones et les navigateurs refusent de lire. Indiquer `yuv420p` garde le fichier dans le format que tout le monde comprend. ## Dégradés, banding et qualité Les dégradés doux sont ce qu’il y a de plus difficile à compresser. De grandes zones de couleur qui change lentement révèlent le moindre manque de bits sous forme de paliers visibles, et les dégradés sombres le montrent en premier. Les deux formats s’en sortent bien avec un réglage de qualité généreux ; aucun avec un réglage avare. Une pointe de grain dans le design aide beaucoup, car les encodeurs préservent la texture au lieu de l’aplatir en bandes. - Lisse : débit suffisant: `linear-gradient(180deg, #0b1026 0%, #1e3a8a 55%, #60a5fa 100%)` - En paliers : encodeur affamé: `linear-gradient(180deg, #0b1026 0% 20%, #13234f 20% 40%, #1e3a8a 40% 60%, #3f6fc4 60% 80%, #60a5fa 80% 100%)` Une vue exagérée du banding. La solution est la même en MP4 et en WebM : plus de qualité, un peu de grain et aucun redimensionnement superflu. Les causes et les solutions pour les images fixes se trouvent dans [le banding des dégradés](https://gradiently.design/fr/guide/gradient-banding). La version animée ajoute une règle : exportez à la taille exacte de publication, pour que rien ne soit redimensionné deux fois. ## Où se place le GIF Le GIF n’est pas un format vidéo, et c’est le plus lourd des trois pour une même boucle, avec une limite de 256 couleurs qui crée des bandes dans les dégradés. Son seul bastion est l’e-mail, où la plupart des boîtes de réception affichent les GIF et très peu lisent la vidéo. La comparaison à trois se trouve dans [GIF ou MP4](https://gradiently.design/fr/guide/gif-vs-mp4), et l’art d’en faire un bon dans [les GIF animés](https://gradiently.design/fr/guide/gif-maker-tips). ### Exportez en MP4 pour - Instagram, TikTok, LinkedIn, X, YouTube - L’envoi à un client ou à un monteur - Les présentations et les écrans que vous ne maîtrisez pas - Chaque fois que vous hésitez ### Exportez en WebM pour - Votre propre site web, à côté d’un MP4 - Les incrustations qui ont besoin de transparence dans le navigateur - Les pages où chaque kilo-octet compte - Les outils dans le navigateur qui enregistrent nativement en WebM Dans Gradiently, les exports vidéo sont une fonction Pro et sortent en MP4 ou en WebM, selon ce que votre navigateur peut enregistrer. Dans les deux cas, vous obtenez le Mark en mouvement derrière vos mots jusqu’en 1080p, prêt à publier ou à intégrer. Le détail se trouve dans [exporter des images et des boucles](https://gradiently.design/fr/guide/export-images-and-loops). ## FAQ ### Le WebM est-il meilleur que le MP4 ? Le WebM est souvent plus léger à qualité comparable, ouvert et libre de droits, mais le MP4 se lit sur bien plus d’appareils et d’applications. Pour les sites web, le WebM est un bon premier choix avec le MP4 en repli ; pour tout le reste, le MP4 est plus sûr. ### Peut-on publier du WebM sur Instagram ou TikTok ? N’y comptez pas. Convertissez d’abord en MP4, accepté par toutes les plateformes, à la taille exacte du format que vous publiez. ### Safari lit-il le WebM ? Les versions récentes de Safari lisent le WebM, mais la prise en charge est arrivée plus tard que dans les autres navigateurs et a varié selon les codecs et les appareils. Proposer un MP4 en repli évite la question. ### Lequel est le plus léger, MP4 ou WebM ? Le WebM en VP9 ou AV1 est souvent plus léger que le MP4 en H.264 à qualité comparable, mais pas toujours. Encodez les deux et comparez les fichiers réels. ### Quel format prend en charge la vidéo transparente ? Le WebM en VP9 peut transporter un canal alpha que les navigateurs compatibles affichent. Le MP4 standard en H.264 ne le peut pas.