Compresser des vidéos pour le web et le mobile – Haute qualité, taille minimale

Les bases de la compression vidéo : formats, codecs & réglages

Reprenons rapidement les bases. Pas pour te noyer sous le jargon, mais parce que ces termes reviendront partout dès que tu creuseras le sujet.

Un format vidéo se compose de deux parties : le container et le codec. Le container (p. ex. MP4 ou WebM) est comme la boîte dans laquelle tout est emballé – vidéo, audio, sous-titres et métadonnées. Le codec détermine comment le contenu image et audio est compressé.

À propos des codecs :

"Un format de codage vidéo ... utilise généralement un algorithme standardisé de compression vidéo" — Wikipedia

Le codec le plus utilisé de loin est H.264, aussi connu sous le nom d'AVC (Advanced Video Coding).

"De loin le format le plus couramment utilisé pour l'enregistrement, la compression et la distribution de contenu vidéo, utilisé par 84 à 86 % des développeurs de l'industrie vidéo" — Wikipedia

H.264 est la référence pour les vidéos web car il offre une qualité solide avec des fichiers relativement légers – et il fonctionne sur quasiment tous les navigateurs et appareils. Des codecs plus récents comme H.265 ou AV1 peuvent être plus efficaces, mais ne sont pas encore supportés partout. Et soyons honnêtes : si tu publies une vidéo sur le web, tu veux que tout le monde puisse la regarder, sans rien installer.

Ces réglages déterminent la taille (plus ou moins grande) de ta vidéo finale :

• Résolution : Le Full HD (1920x1080) suffit généralement. Le 4K est superbe mais génère des fichiers énormes.
• Fréquence d'images : 24 à 30 fps suffit dans la plupart des cas. Plus n'apporte pas grand-chose.
• Bitrate : L'un des leviers les plus importants. Bitrate plus élevé = meilleure qualité = fichier plus lourd.
• Audio : 128 kbps en stéréo est souvent largement suffisant et fait gagner beaucoup de place.

Si tu veux approfondir le sujet des formats et codecs, ou si tu ne sais pas ce qui convient le mieux à ton projet, consulte ces deux articles :

Préparer ses vidéos pour le web : les questions clés à se poser

Avant de compresser : ces questions font la différence entre « correct » et « parfaitement optimisé ».

🔍 Où la vidéo est-elle intégrée ?

Une vidéo hero en page d'accueil n'a pas besoin du même niveau de qualité qu'un petit témoignage en bas de page. Plus elle est visible, plus l'optimisation est importante.

Exemple :

• Tu crées une courte vidéo d'arrière-plan en autoplay ? → Une qualité basse suffit.
• Tu intègres une vidéo dans un petit cadre sans plein écran ? → Pas besoin de 4K. Opte pour du 720p ou même du 360p.

🌐 Comment y accède-t-on ?

La majorité de tes utilisateurs sont sur mobile ou en Wi-Fi ? Vérifie tes analytics. Il y a de fortes chances qu'une grande partie de ton trafic soit mobile – ce qui signifie que les vidéos lourdes sont à proscrire.

🖼️ As-tu vraiment besoin de la qualité maximale ?

Pour des vidéos de marque, le Full HD peut se justifier. Pour du contenu FAQ, le 720p suffit. C'est toujours un compromis entre rendu visuel et temps de chargement.

🔇 Le son est-il nécessaire ?

La plupart des vidéos web sont lues en muet. Si l'audio n'est pas important, supprime-le. Ça économise de la place et évite les mauvaises surprises d'autoplay sonore.

🧏 As-tu besoin de fonctions d'accessibilité ?

Si des sous-titres ou des transcriptions sont requis (p. ex. secteur public), prévois-le avant de compresser. N'incruste pas les sous-titres dans la vidéo ; rends-les activables/désactivables via ton player. [Détails sur les players vidéo accessibles]

📍 Où la vidéo est-elle hébergée ?

Sur ton CMS, ton propre serveur ou une plateforme externe ? Cela détermine si tu peux proposer du streaming adaptatif – ou si tu devras créer plusieurs versions manuellement.

Compression vidéo adaptative : pourquoi une seule version ne suffit pas

Beaucoup de gens pensent qu'il suffit d'une seule version parfaite : qualité correcte, fichier léger, c'est réglé.

Le problème, c'est que cette version unique ne fonctionne jamais aussi bien pour tout le monde. Selon l'appareil et la connexion, même une vidéo « optimisée » peut être catastrophique.

Exemple : Quelqu'un dans un train avec une connexion lente essaie de charger ton fichier 1080p. Aucune chance. Quelqu'un d'autre avec la fibre voit une bouillie de pixels parce que tu as trop compressé.

Dans les deux cas, l'expérience est mauvaise – et les performances en pâtissent.

La solution : la compression adaptative avec plusieurs niveaux de qualité. Ta vidéo est diffusée en différentes versions, et le player choisit la meilleure en temps réel selon la vitesse de connexion et la taille de l'écran. Les technologies de référence pour ça sont HLS (HTTP Live Streaming) et MPEG-DASH.

Tu veux creuser le sujet ? Consulte :

Compresser des vidéos pour les sites web – Outils & workflows comparés

Passons à la pratique :

Comment obtenir une vidéo dans un format qui se charge vite tout en restant pro ? Voici trois options, selon ta configuration et tes ressources.

🛠️ 1. Le faire soi-même avec des outils desktop

Si tu gères quelques vidéos et que tu n'as pas besoin de conversions automatisées, des outils comme HandBrake, FFMPEG ou Adobe Media Encoder sont parfaits. Tu peux ajuster finement la résolution, le bitrate et les réglages du codec, puis exporter un MP4 léger en H.264.

Idéal pour :

• Les petits sites web
• Les projets vidéo ponctuels

🧑‍💻 2. Workflows internes avec des presets

Si tu intègres régulièrement des vidéos (p. ex. en agence, en rédaction ou au sein d'un département marketing), ça vaut le coup de créer des presets d'export dans ton logiciel de montage. Combine-les avec des uploads automatisés vers ton CMS, et tu gagneras du temps tout en évitant les erreurs.

Idéal pour :

• Les équipes de contenu plus importantes
• La production vidéo régulière
• La qualité et le branding homogènes

☁️ 3. Plateformes de hosting vidéo avec optimisation automatique

Tu utilises une plateforme vidéo spécialisée ? Elle gère la technique pour toi : résolutions multiples, streaming adaptatif, players responsives – tout est automatisé.

Idéal pour :

• Les sites à fort trafic
• Les projets axés UX, SEO et temps de chargement
• Les équipes sans expertise vidéo en interne

La différence clé ici : veux-tu (ou dois-tu) développer des compétences en compression en interne ?

Avec les options 1 et 2, quelqu'un doit s'y connaître. Avec l'option 3, n'importe qui dans l'équipe peut intégrer des vidéos correctement – ce qui soulage tout le monde.

On voit ça tout le temps : lors d'une refonte, les vidéos sont parfaitement optimisées. Mais quelques mois plus tard, quelqu'un uploade un fichier de 200 Mo sur une sous-page – et les performances s'effondrent. L'automatisation permet d'éviter ça.

Conforme RGPD et rapide – comment Ignite optimise automatiquement les vidéos web

Chez Ignite, nous sommes convaincus qu'une vidéo web de qualité ne fonctionne que lorsque performance, respect de la vie privée et expérience utilisateur vont de pair.

Notre plateforme gère toute l'optimisation technique pour toi – y compris la compression automatique en plusieurs niveaux de qualité, le streaming HLS et l'intégration de players responsives. Et comme nous avons intégré la protection des données dès la conception, tu n'as besoin ni de bannières cookie ni de scripts de tracking externes.

Le résultat ?

Tu uploades ta vidéo – on s'occupe du reste.

Compresser des vidéos pour le web – tes questions, nos réponses

1. Quel est le meilleur format vidéo pour le web ?

Dans la plupart des cas : MP4 avec le codec H.264. Il est largement supporté par tous les navigateurs et appareils, et offre un excellent équilibre entre taille de fichier et qualité.

2. Quelle est la différence entre un codec et un container ?

Le container (comme MP4 ou WebM) est l'« enveloppe » autour de ta vidéo. Le codec (comme H.264 ou H.265) est ce qui compresse réellement le contenu visuel et audio à l'intérieur.

3. Quelle résolution est adaptée pour les vidéos web ?

Pour la plupart des sites, 1080p (Full HD) est largement suffisant. Si tu veux économiser encore plus de données, 720p fonctionne très bien. Le 4K n'a de sens que si le détail visuel est essentiel.

Astuce pro : souvent, moins c'est mieux. Ne rends ta vidéo que aussi grande que nécessaire.

4. Jusqu'où puis-je compresser une vidéo sans perdre en qualité ?

Ça dépend du contenu : une vidéo de type « face caméra » se compresse bien plus qu'un contenu avec des mouvements rapides. Règle d'or : garde le bitrate aussi bas que possible – mais aussi haut que nécessaire. Pour du 1080p, c'est généralement entre 2 500 et 5 000 kbps.

5. Quel poids devrait faire une vidéo pour le web ?

Ça dépend – mais idéalement, reste sous 10 Mo pour les vidéos hero sur mobile, et sous 50 Mo pour les clips plus longs. Plus important que la taille : à quelle vitesse la vidéo démarre-t-elle ?

6. Qu'est-ce que le streaming adaptatif ?

Avec le streaming adaptatif, ta vidéo est encodée en plusieurs versions (p. ex. 360p, 720p, 1080p). Le player choisit la bonne en fonction de la connexion de l'utilisateur. Résultat : une lecture fluide même avec un réseau faible.

7. Puis-je héberger mes vidéos moi-même ?

Techniquement oui – mais c'est complexe. Tu devras préparer plusieurs versions manuellement, intégrer un player et t'assurer de la conformité RGPD. Des plateformes comme Ignite gèrent tout ça pour toi.

[En savoir plus sur la différence entre hébergement web et hébergement vidéo →]

8. Quels outils sont adaptés aux débutants ?

Pour commencer : HandBrake (gratuit, avec GUI) ou FFMPEG (puissant, en CLI). Les deux fonctionnent bien si tu sais quoi régler. Si tu préfères éviter la technique, une plateforme de hosting professionnelle peut tout faire automatiquement.

9. Quel poids pour une vidéo sur un site mobile ?

Les courtes vidéos en autoplay dans les headers devraient rester sous 10 Mo. Pour les clips plus longs sur les landing pages, essaie de ne pas dépasser 50 Mo – du moins pas pour la première version chargée.

10. Qu'est-ce qui est mieux pour un site web – MP4 ou HLS ?

MP4 est simple et fonctionne partout. Mais HLS (HTTP Live Streaming) offre plusieurs niveaux de qualité et s'adapte à la connexion de l'utilisateur – idéal pour la performance et l'UX mobile. C'est plus complexe, mais ça vaut le coup sur le long terme.

[En savoir plus sur HLS vs MP4 dans ce guide →]

11. Puis-je compresser plusieurs vidéos en même temps ?

Oui – des outils comme HandBrake, FFMPEG et de nombreux encodeurs pro supportent le traitement par lot. Encore mieux : des plateformes comme Ignite disposent de pipelines d'encodage puissants qui gèrent de gros volumes de vidéos dans différents formats, de manière entièrement automatisée et optimisée pour le web.

12. Pourquoi ma vidéo est-elle encore lente, même après compression ?

La taille du fichier ne fait pas tout. Si ton serveur web est lent, manque de cache, ou si la connexion de l'utilisateur est faible, la lecture sera saccadée. Et si tu ne proposes qu'un seul gros fichier (p. ex. 1080p), les utilisateurs mobiles risquent de galérer. Utilise la livraison adaptative pour éviter ça.

13. Comment améliorer le chargement des vidéos sur mobile ?

Utilise le streaming adaptatif (comme HLS), propose des résolutions plus basses, et évite de charger la haute qualité par défaut. Aussi : ne lance pas de grosses vidéos en autoplay. Une simple image de prévisualisation se charge plus vite et évite la consommation de bande passante inutile.

14. Puis-je compresser ou optimiser des vidéos directement dans mon CMS ?

Certains CMS ou page builders offrent une optimisation vidéo basique – comme le lazy loading ou la conversion automatique de format. Mais c'est généralement limité et pas comparable à des outils professionnels ou des solutions de hosting.

15. Comment le framerate influence-t-il la taille du fichier et la qualité ?

Des framerates élevés (comme 60 fps) signifient plus de données par seconde – et des fichiers plus lourds. La plupart des vidéos web fonctionnent très bien à 24 ou 30 fps. Seuls les contenus à mouvement rapide (p. ex. le sport) peuvent nécessiter davantage.

16. Puis-je re-compresser une vidéo déjà compressée ?

Techniquement oui – mais tu perdras en qualité. Chaque étape de compression réduit la netteté visuelle, surtout si le bitrate était déjà bas. Mieux vaut exporter correctement dès le départ ou utiliser une plateforme qui crée des versions optimisées automatiquement.