Une photo qui pèse plusieurs mégaoctets peut faire couler une page entière. Google mesure le temps d’affichage du plus grand élément visuel, souvent une image, et une page qui met plus de trois secondes à s’afficher perd une part importante de son audience avant le premier clic. Baisser la qualité JPEG à l’aveugle ne règle rien : ça floute les contours et ça laisse le fichier lourd. La vraie méthode tient en deux temps, choisir le format adapté à l’usage, puis compresser avec les bons réglages.
Le format avant la compression
Beaucoup de gens ouvrent un outil de compression, tirent le curseur de qualité vers le bas, puis s’étonnent du résultat. Le fichier a maigri, mais l’image est devenue pâteuse. C’est l’ordre des opérations qui pose problème : si vous partez d’un PNG de deux mégaoctets pour une photo de paysage, aucune compression intelligente ne rattrapera le mauvais choix de départ.
Le format décide de la moitié du travail, et cette étape se joue avant même de parler de pourcentage. Un site qui veut easyscape.fr sérieusement son référencement naturel commence toujours par là, parce que le poids d’une page reste l’un des rares critères techniques qui pèse directement sur le classement.
La recherche Google accepte les images référencées dans l’attribut src des balises <img> aux formats BMP, GIF, JPEG, PNG, WebP, SVG et AVIF. Cette liste donne le choix, elle ne dit pas quoi choisir. Chaque format répond à un besoin précis, et les confondre coûte des kilo-octets inutiles, parfois des dizaines.
Quel format pour quel usage
Le PNG est à privilégier pour les logos, les icônes ou les captures d’écran nécessitant une clarté optimale. Ses aplats de couleur restent nets, ses contours restent francs, et il gère la transparence. Sur une photo, en revanche, il gonfle sans rien apporter. Le JPEG garde sa place pour les images photographiques anciennes, mais il montre vite ses limites quand on le compresse fort.
- Le WebP offre une compression supérieure permettant des tailles de fichiers significativement réduites, à qualité visuelle comparable.
- Le GIF, lui, plafonne à 256 couleurs. Inutile d’espérer autre chose qu’un rendu granuleux sur une photographie.
- Pourquoi garder un PNG lourd sur une photo alors qu’un WebP ferait le même travail en plus léger ?
- Le SVG, enfin, reste imbattable sur les formes géométriques et les pictogrammes, parce qu’il décrit des courbes au lieu de stocker des pixels.
Une capture d’écran d’interface partira donc en PNG ou en WebP, un logo en SVG, une photo de produit en WebP. Ce tri prend cinq minutes et fait déjà fondre le poids total d’une page. Ce qui reste, c’est le réglage fin de la compression.
Comment compresser sans perdre la netteté
La qualité JPEG fonctionne mal parce qu’elle dégrade uniformément toute l’image, y compris les zones où l’œil ne verra jamais la différence. Les encodeurs modernes font l’inverse : ils concentrent la perte là où elle reste invisible, dans les textures complexes et les dégradés doux, et préservent les contours. C’est toute la différence entre une image légère et propre, et une image légère et sale.
Pour compresser une image WebP, on travaille sur deux curseurs distincts, la qualité et l’effort d’encodage. Le second ne change pas le rendu, il demande juste au logiciel de chercher plus longtemps la meilleure combinaison. Sur une photo destinée à un bandeau large, une qualité autour de 75 à 80 reste généralement invisible à l’œil nu, même sur un écran dense. Descendre plus bas se voit tout de suite dans les ciels et les visages.
Un détail que les tutoriels oublient : redimensionner avant de compresser. Envoyer une image de 4000 pixels de large pour un affichage final de 1200 pixels gaspille de la donnée pure. Le navigateur redimensionne à l’affichage, mais il télécharge quand même le fichier complet. Réduire les dimensions au strict nécessaire fait souvent plus d’effet que n’importe quel réglage de qualité, pour un résultat visuel identique. Sur ce point, voir aussi notre article sur securiser son ordinateur.
Franchement, la plupart des images que je croise sur le web pourraient perdre la moitié de leurs pixels sans que personne ne s’en aperçoive.
Passer sous les deux mégaoctets
Faire passer une photo sous les deux mégaoctets n’a rien de sorcier quand on accepte de sortir du JPEG. Convertissez d’abord en WebP, puis ajustez le redimensionnement. Une image de 1600 pixels de large en WebP à qualité 78 tient presque toujours dans cette limite, et souvent bien en dessous. Si le cliché reste lourd, c’est généralement qu’il contient beaucoup de bruit numérique ou de grain, deux éléments que l’encodeur traite mal.
Il existe un cas particulier qu’on rencontre souvent : les captures d’écran de sites web. En PNG, elles pèsent une fortune, parce que le format stocke chaque pixel texte sans distinction. Le passage en WebP avec un mode sans perte adapté divise le poids par plusieurs, sans flouter le moindre caractère. Sur un site vitrine qui affiche des visuels d’interface, ce seul réflexe change la donne.
Attention, tout de même : compresser à l’excès pour gratter quelques kilo-octets se retourne contre vous. Une image trop dégradée donne une impression de site négligé, et le visiteur repart. Le bon réglage dépend du contexte, de la taille d’affichage et de la densité de l’écran. Il n’y a pas de valeur magique valable partout.
Le lien avec l’affichage et le SEO
Google mesure la rapidité d’affichage du plus grand élément visuel d’une page via le LCP, le Largest Contentful Paint. Sur beaucoup de sites, cet élément est une image, une bannière ou une photo de couverture. Alléger cette image précise fait chuter le LCP bien plus vite que d’optimiser dix petites vignettes. C’est là qu’il faut concentrer l’effort, pas ailleurs.
Optimiser ses images pour le référencement ne se limite pas au poids. Il faut aussi un nom de fichier lisible, un texte alternatif qui décrit vraiment le contenu, et des dimensions déclarées pour éviter que la page ne saute pendant le chargement. Ces détails pèsent moins que le LCP, mais ils participent au même objectif : une page qui se charge vite et que Google comprend sans effort.
Un dernier point qui revient souvent : inutile de servir du WebP à un navigateur qui ne le gère pas, même si c’est devenu rare. Un format de repli coûte peu et évite un trou dans la page. On peut très bien proposer une source WebP et une source JPEG derrière, l’ancien format ne se télécharge que si le navigateur le réclame.
Ce qui compte vraiment au final
Réduire le poids d’une image sans sacrifier la netteté, c’est une question de méthode avant tout. Choisir le format selon l’usage, redimensionner aux dimensions réelles d’affichage, puis compresser avec un encodeur moderne plutôt qu’avec un curseur de qualité brutal.
Ces trois gestes, appliqués dans cet ordre, produisent des fichiers plusieurs fois plus légers pour un rendu que personne ne remarque. La baisse de qualité JPEG, elle, reste le réflexe le plus courant et le plus inefficace. Reste une question : votre plus grosse image, celle qui s’affiche en haut de votre page d’accueil, combien pèse-t-elle réellement ?