Quel est le meilleur format vidéo pour le web ?
| Format | Codec vidéo / audio | Lecture | Taille du fichier | Usage |
|---|---|---|---|---|
| MP4 | H.264 / AAC | Tous les navigateurs et appareils | Référence | Le format par défaut et le repli |
| WebM | VP9 / Opus | Tous les grands navigateurs actuels | Souvent environ 30% plus petit | Source principale sur votre propre site |
| MP4 ou WebM | AV1 / Opus ou AAC | Chrome, Firefox, Edge ; Safari avec décodage matériel AV1 | Le plus petit | Sites à fort trafic qui peuvent encoder deux fois |
| MOV, AVI, MKV | Divers | Pas de façon fiable dans les navigateurs | — | À convertir avant de les publier sur un site |
En bref : encodez en MP4 (H.264, AAC) pour que la vidéo soit lue partout, et ajoutez une source WebM (VP9) en premier pour les navigateurs capables d'exploiter ce fichier plus léger. Pour YouTube, Vimeo ou les réseaux sociaux, le MP4 suffit.
Pourquoi la taille de la vidéo compte pour les sites web
La vidéo est l'un des plus gros éléments sur la plupart des pages web. Une vidéo d'en-tête ou un clip d'arrière-plan mal optimisé peut ajouter des mégaoctets au poids de la page, impactant directement :
- LCP (Largest Contentful Paint) : si la vidéo est le plus grand élément, son temps de chargement détermine cette métrique Core Web Vital
- Coûts de bande passante : servir des MP4 de 10 Mo à des millions de visiteurs s'additionne rapidement
- Expérience mobile : les utilisateurs sur connexion cellulaire souffrent le plus des fichiers vidéo volumineux
- Classement SEO : Google utilise les Core Web Vitals comme signal de classement
WebM + VP9 vs MP4 + H.264 pour le web
À qualité visuelle identique (SSIM/VMAF équivalents), WebM avec encodage VP9 produit des fichiers 30–50% plus petits que MP4 avec H.264. Pour un site diffusant 100 Go de vidéo MP4 par mois, passer à WebM pourrait économiser 30–50 Go de bande passante.
Exemple indicatif pour un clip 1080p de 30 secondes (les tailles réelles dépendent du contenu) :
| Format | Codec | Taille du fichier | Qualité |
|---|---|---|---|
| MP4 | H.264, CRF 23 | ~10 Mo | Référence |
| WebM | VP9, CRF 30 | ~6 Mo | Similaire |
Prise en charge des navigateurs en 2026
WebM VP9 est pris en charge par 97%+ des navigateurs mondiaux en 2026 :
- Chrome : depuis la version 29 (2013)
- Firefox : depuis la version 28 (2014)
- Edge : depuis la version 14 (basé sur Chromium depuis 79)
- Safari : versions récentes — le dernier grand retardataire
Seuls IE11 et de très anciennes versions de Safari n'offrent pas de prise en charge, représentant une part de marché négligeable en 2026.
Le schéma de repli HTML5 Video
L'approche recommandée consiste à servir WebM en premier avec MP4 comme solution de repli en utilisant l'élément HTML5 <source> :
<video autoplay loop muted playsinline>
<source src="video.webm" type="video/webm">
<source src="video.mp4" type="video/mp4">
</video>
Le navigateur télécharge et lit la première source qu'il prend en charge. Puisque 97%+ des navigateurs prennent en charge WebM, la grande majorité des visiteurs reçoit le fichier plus petit. Le repli MP4 garantit que les ~3% restants voient toujours la vidéo.
Les attributs autoplay loop muted playsinline font en sorte que la vidéo se comporte comme un GIF — lecture automatique, boucle, silencieuse et en ligne sur Safari mobile.
Impact sur les Core Web Vitals
Passer de MP4 à WebM améliore directement les métriques de performance web :
- Amélioration du LCP : les fichiers plus petits se téléchargent plus vite, améliorant le Largest Contentful Paint
- Bande passante réduite : meilleure expérience mobile, en particulier sur les connexions lentes
- Recommandation Google : Lighthouse et web.dev recommandent explicitement des formats vidéo optimisés
Nos paramètres d'encodage VP9
Notre convertisseur utilise ces paramètres VP9, optimisés pour la diffusion web :
- CRF 30 : qualité visuelle à peu près comparable à H.264 CRF 23
- cpu-used 3 : vitesse d'encodage équilibrée pour un service en ligne
- row-mt 1 : multithreading par lignes pour un encodage plus rapide
- Opus 128k audio : haute qualité audio pour la plupart des contenus
- -b:v 0 : encodage purement basé sur la qualité (sans plafond de bitrate)
- yuv420p, dimensions paires : couleur 8 bits 4:2:0 lue par tous les décodeurs VP9 ; la largeur et la hauteur sont arrondies à des nombres pairs
Pour une configuration VP9 plus approfondie, consultez notre guide des paramètres d'encodage VP9.
Canal alpha WebM (transparence)
VP9 en WebM prend en charge la transparence via canal alpha — un avantage unique par rapport à H.264/MP4. Cela permet des superpositions vidéo transparentes sur les sites web : logos animés, personnages, effets qui se fondent parfaitement avec n'importe quel arrière-plan. Utilisez -pix_fmt yuva420p dans FFmpeg pour encoder avec le canal alpha.
AV1 : l'étape suivante
AV1 est le codec ouvert de nouvelle génération de l'Alliance for Open Media. Il compresse mieux que VP9 mais s'encode beaucoup plus lentement. Prise en charge par les navigateurs : Chrome 70+, Firefox 67+ et Safari 17+ sur les appareils dotés du décodage matériel AV1. Pour les sites avec un usage vidéo important, AV1 est l'avenir — mais VP9 reste le choix pratique en 2026 pour la plupart des cas d'usage.
Format vidéo vs codec : quelle différence ?
Un format vidéo (conteneur) est l'enveloppe du fichier : MP4, WebM, MOV, MKV. Un codec définit la façon dont l'image et le son qu'il contient sont compressés : H.264, VP9, AV1, AAC, Opus.
Les navigateurs ont besoin que les deux soient compatibles : un MP4 en H.264 est lu partout, mais un MP4 en H.265 peut ne pas l'être. Quand un guide conseille « d'utiliser MP4 », il s'agit d'un MP4 avec vidéo H.264 et audio AAC.