5 Mo, c'est le poids typique d'une photo prise avec un smartphone récent en haute résolution. C'est aussi dix à vingt fois plus lourd que ce qu'exige un affichage web de qualité. Voici la méthode, étape par étape, pour ramener ce poids sous les 500 Ko sans sacrifice visible.

Étape 1 : identifier la taille d'affichage réelle

Avant toute compression, demandez-vous à quelle taille l'image sera réellement affichée. Une photo en pleine largeur sur un site classique dépasse rarement 1600 pixels de large ; une vignette ou une image de blog se situe souvent entre 800 et 1200 pixels. Une photo de smartphone, elle, fait généralement entre 3000 et 4000 pixels de large : bien plus que nécessaire dans la quasi-totalité des cas.

Étape 2 : redimensionner avant de compresser

Réduire une image de 4000 à 1600 pixels de large divise déjà mécaniquement son poids par un facteur proche de 6, avant même d'appliquer la moindre compression. C'est, de loin, le levier le plus efficace des deux, et il doit toujours être appliqué en premier.

Étape 3 : choisir le bon format et la bonne qualité

Une fois redimensionnée, l'image passe en compression. Pour une photographie classique, le format WebP à une qualité de 75-80 offre en général le meilleur compromis. Sur une image déjà redimensionnée à 1600 pixels de large, ce réglage suffit très souvent à passer sous la barre des 300-400 Ko, sans perte visible à l'écran.

Étape 4 : vérifier le résultat avant de publier

Un outil de comparaison avant/après, comme celui intégré à Compressio, permet de repérer immédiatement une compression trop agressive : apparition de blocs sur les zones de fort contraste, perte de netteté sur les détails fins. Si ces artefacts sont visibles, il suffit de remonter la qualité de quelques points, l'impact sur le poids final restant généralement limité.

En résumé

Redimensionner à la bonne taille puis compresser en WebP à qualité 75-80 permet, dans la grande majorité des cas, de faire passer une photo de smartphone de 5 Mo à moins de 500 Ko, parfois moins de 300 Ko, sans différence perceptible pour un visiteur du site.