Article

Optimiser les médias d'un site pour la vitesse et les Core Web Vitals

Les images et vidéos représentent généralement 60 à 80 % du poids total d'une page web. Les optimiser est ce qui a le plus d'impact sur la vitesse de chargement, les scores Core Web Vitals et le référencement. La bonne nouvelle : rien de tout cela ne nécessite de logiciel spécialisé ni de serveur, et vos fichiers n'ont jamais besoin de quitter votre appareil.

Choisir le bon format avant tout

Le choix du format compte plus que n'importe quel curseur de qualité. Pour les photos sur une page web, le WebP est la valeur par défaut raisonnable : il est 25 à 35 % plus léger que le JPEG à qualité visuelle identique et tous les navigateurs modernes le prennent en charge. L'AVIF compresse encore mieux, jusqu'à 50 % mieux que le JPEG, au prix d'un encodage plus lent. Utilisez l'AVIF pour les images héros et les photos produits que vous compressez une fois ; le WebP pour tout ce que vous traitez en lots ou devez produire rapidement. Le PNG n'a sa place que là où vous avez besoin d'une précision sans perte ou d'un fond transparent. Le SVG est le seul choix raisonnable pour les logos, icônes et illustrations : il s'adapte à toute taille et pèse souvent quelques kilo-octets contre des centaines pour un équivalent rasterisé.

Compresser les images sans perte visible de qualité

Commencez par redimensionner aux dimensions d'affichage réelles : une image héros qui s'affiche à 1 280 pixels de large n'a pas besoin de 4 000 pixels de données. Redimensionnez d'abord, puis compressez. Pour les photos, la qualité 80 en WebP ou JPEG est le plancher pratique en dessous duquel les visiteurs non avertis commencent à percevoir la différence : visez 75 à 85 et regardez le résultat à 100 % de zoom avant de publier. Pour les graphiques avec du texte et des aplats, le PNG sans perte ou le SVG préserve la netteté que les formats avec perte lissent. Le compresseur d'images de ce site gère tous ces formats, tourne entièrement dans votre navigateur et applique les mêmes algorithmes que les outils de bureau dédiés.

Convertir les vidéos pour le web sans les uploader

Les boucles en arrière-plan et les vidéos embarquées sont là où l'optimisation des médias web manque souvent la cible. Un MP4 avec H.264 se lit partout, mais un WebM avec VP9 est 20 à 40 % plus petit à qualité identique, ce qui compte pour les utilisateurs mobiles sur des connexions limitées. L'approche pratique est de convertir une fois en WebM, de le servir comme source préférée dans un élément vidéo, et de garder le MP4 en recours. Le convertisseur vidéo ici utilise FFmpeg compilé en WebAssembly : la conversion s'exécute dans votre navigateur, rien n'est uploadé, et les fichiers de toute taille fonctionnent tant que votre appareil a assez de mémoire. Pour les boucles vidéo en fond de page, pensez aussi au découpeur vidéo pour supprimer les secondes mortes avant l'encodage : la durée est le principal facteur de taille du fichier.

Assets en ligne : base64 et SVG

Les très petites images, icônes et favicons intégrés directement en HTML ou CSS sous forme de chaînes base64 éliminent un aller-retour réseau par asset. Cela a du sens pour les assets de moins de 2 Ko environ qui apparaissent sur chaque page, comme un sprite de logo ou un indicateur de chargement. Les assets plus grands doivent rester des fichiers séparés car le base64 encode 33 % plus lourd que le binaire, et les navigateurs mettent en cache les références de fichiers mais pas les données en ligne de façon indépendante. L'optimiseur SVG supprime les scories d'éditeur des SVG exportés sans toucher au rendu visuel. Le convertisseur image-vers-base64 génère l'URI data prêt à coller dans votre navigateur.

Outils mentionnés dans cet article

Questions fréquentes

La compression d'images affecte-t-elle mon référencement ?

Google utilise les Core Web Vitals comme signal de classement, et le Largest Contentful Paint est presque toujours une image ou une affiche vidéo. Une page dont l'image héros se charge en moins d'une seconde est mieux classée qu'une où cela prend trois secondes. La compression et le bon format impactent directement cette métrique, donc oui, l'optimisation des images a un effet SEO mesurable. L'effet est le plus fort sur mobile, où les connexions sont plus lentes et la pénalité pour les images lourdes est plus grande.

Pourquoi traiter les médias en local plutôt qu'avec un service web ?

La plupart des outils de médias en ligne exigent d'uploader vos fichiers vers un serveur distant, ce qui prend du temps, consomme de la bande passante, et signifie qu'une copie de vos fichiers existe sur une infrastructure que vous ne contrôlez pas. Les outils de ce site s'exécutent entièrement dans votre navigateur : vos images et vidéos sont traitées sur votre appareil et le résultat est téléchargé directement. Pas de compte, pas d'attente d'upload, et rien de vos fichiers n'est jamais envoyé à un serveur.