Comment compresser des images sans perte de qualité visible

Les images surdimensionnées sont la part la plus lourde de la plupart des pages web, et la plus facile à corriger. Bonne nouvelle : « compressé » ne veut pas dire « flou ». Voici cinq techniques, à appliquer dans cet ordre.

1. Redimensionnez d’abord — rien ne fait mieux

La plus grosse économie ne coûte rien : la plupart des photos d’appareil font 3000 à 5000 pixels de large, alors qu’une colonne de blog les affiche sur 700 à 900 pixels. Servir une image de 4000 px dans un emplacement de 800 px, c’est gaspiller 80 à 90 % des octets sur des détails que personne ne verra.

Ajustez l’image à sa plus grande taille d’affichage réelle, multipliée par deux pour les écrans haute densité. Une image héros qui remplit un viewport de 1440 px n’a besoin que de ~2880 px au maximum ; une image de contenu se contente de 1200 à 1600. Le reste est du poids mort.

2. Choisissez le bon format

Le choix du format seul divise souvent le poids par deux à rendu identique :

• Photos → JPEG, ou mieux, WebP (typiquement 25 à 35 % plus léger que le JPEG à qualité égale)
• Captures, graphismes, texte → PNG, ou WebP sans perte
• Transparence requise → PNG ou WebP (jamais JPEG)
• Économies maximales → AVIF, avec un repli WebP

Convertir une photo du PNG vers le JPEG/WebP suffit souvent à réduire son poids de 70 à 90 % : le PNG n’a jamais été conçu pour le contenu photographique.

3. Utilisez le point idéal de qualité

Les réglages de qualité avec perte suivent une loi de rendements décroissants : passer de 95 à 75 peut diviser le fichier par deux, sans différence visible. Repères pratiques :

• 70–80 — le point idéal pour les photos de sites web
• 80–90 — portfolios et photos produits où le détail compte
• 60–70 — vignettes et aperçus
• Sous 60 — des artefacts apparaissent ; à éviter pour tout contenu visible

Dans le doute, compressez à plusieurs niveaux et comparez à un zoom de 100 %. Vos yeux jugent, pas le chiffre.

4. Retirez ce dont vous n’avez pas besoin

Les fichiers image transportent des bagages : données EXIF de l’appareil, coordonnées GPS, profils colorimétriques, vignettes intégrées. Pour le web, ces métadonnées sont presque que du poids mort — et pour la vie privée, les balises GPS de photos publiées peuvent fuiter votre localisation.

Un ré-encodage via une chaîne de compression (les outils basés sur Canvas le font naturellement) supprime la plupart des métadonnées automatiquement. Quelques pourcents d’économie gratuits, plus un bonus confidentialité.

5. Traitez par lots et vérifiez

La compression est un jugement fichier par fichier, mais personne ne veut régler un curseur pour 200 photos. Un bon flux de travail :

1. Déposez tout le lot dans un outil
2. Réglez un profil sensé (par ex. WebP, qualité 78, largeur max 1600)
3. Passez en revue le tableau avant/après — un fichier à peine réduit était déjà optimisé
4. Contrôlez au zoom 100 % les images visuellement importantes

Ce que le « sans perte » vous donne vraiment

La compression sans perte (PNG, WebP sans perte) préserve chaque pixel et ne réduit les photos que de 10 à 20 %. La compression avec perte à qualité raisonnable les réduit de 60 à 80 % sans différence visible. Pour les photographies, le sans perte est presque toujours le mauvais arbitrage — réservez-le aux graphismes où le moindre artefact saute aux yeux.

Compresser sans envoyer

Si vos images sont privées, destinées à un client ou couvertes par un accord de confidentialité, les envoyer à un compresseur inconnu est un risque réel. Notre compresseur d’images encode dans votre navigateur via Canvas et WebAssembly — les fichiers ne quittent jamais votre appareil, et vous voyez les économies s’accumuler fichier par fichier avant de télécharger.