Comment compresser des images sans perte visible
Réduisez JPEG, PNG et WebP pour le web avec des préréglages selon l’usage — visuels principaux, photos produit, vignettes ou pièces jointes e-mail.
D’autres utilitaires qui complètent bien ce guide :
Pourquoi c’est important
L’image hero de la page d’accueil pèse 4,2 Mo. Lighthouse chute. Sur mobile en 4G, un rectangle vide pendant deux secondes. Compressez à 320 Ko à 80 % de qualité : l’œil ne voit presque pas la différence, mais le Largest Contentful Paint gagne ~1,6 s. Ce gain se corrèle souvent avec une conversion en hausse. La compression image est parmi les victoires perf les moins chères sur le web, et un outil navigateur respectueux de la vie privée évite d’envoyer des photos clients vers un SaaS.
Trois scénarios réels
Déposez les 12, réglez 80 % qualité + WebP, téléchargez le zip, poussez au CDN.
LCP sous 2 s
Redimensionnez + compressez en une passe ; les cartes produit chargent vite sur mobile.
Fiches homogènes
Compressez 25 photos vers ~200 Ko chacune ; le total tient dans la limite Gmail 25 Mo.
Sous le plafond de taille
Parcours
Ouvrez le compresseur d’images.
Déposer un ou plusieurs fichiers
JPEG, PNG, WebP pris en charge. Le mode multi-fichiers traite en parallèle.
Choisir le format cible
WebP pour le web (souvent le plus léger), JPEG pour e-mails et anciens navigateurs, PNG pour captures et logos avec transparence.
Régler la qualité
50 = agressif (artefacts visibles sur photo), 75 = bon défaut, 90 = quasi sans perte. Faites glisser et regardez la taille fichier se mettre à jour.
Redimensionner à l’export
Option : bornez le grand côté à 1600 px ou 800 px. La plupart des photos de landing vont très bien à 1600 px.
Télécharger un fichier ou un zip
Un fichier → téléchargement navigateur habituel. Plusieurs → zip.
Original
hero.jpg — 4,210 KB
3840 × 2160 pxWebP @ 80 %
hero.webp — 318 KB (-92%)
3840 × 2160 px (unchanged)
SSIM 0.984 (perceptually identical)
Conseils avancés
- Le WebP est supporté sur 95 %+ navigateurs. L’AVIF compresse encore mieux mais l’encodage est plus lent et pas encore partout.
- Ne compressez pas deux fois. Ré-enregistrer un JPEG déjà à 75 % ajoute des artefacts. Partez toujours de l’original.
- Retirez les métadonnées pour les images publiques. L’EXIF peut contenir du GPS depuis un téléphone. Le compresseur les retire par défaut.
- Compressez avant de redimensionner des captures avec texte net — les artefacts de qualité se voient plus quand on agrandit.
Pièges courants
Piège courant
La sortie est plus grosse que l’entrée
Soit la source était déjà très compressée (ré-encoder ajoute du surcoût), soit la qualité est supérieure à l’original. Baissez la qualité sous celle de la source.
Piège courant
La transparence devient des halos moches
Le JPEG ne gère pas la transparence. Les PNG avec alpha → WebP ou PNG, pas JPEG.
Piège courant
L’onglet gèle sur une photo 100 Mo
Le Web Worker gère les gros fichiers mais chaque onglet a un budget mémoire. Traitez 4–5 gros fichiers à la fois, pas tout l’album d’un coup.
Quand ce n’est pas l’outil adapté
- Assets vectoriels (SVG, AI) — la compression raster n’aide pas. SVGO ou le convertisseur SVG vers PNG pour des cibles raster.
- Archivage sans perte des originaux photo — gardez un master PNG/RAW et compressez les exports.
- Pipelines de build programmatiques —
imagemin,sharpouvipsdepuis Node/Python s’intègrent mieux au CI/CD.
FAQ
Mes images sont-elles envoyées sur un serveur ?
Non. La compression tourne dans le navigateur avec canvas et l’encodeur WebP intégré. Rien ne quitte la page.
Quelle différence WebP vs AVIF ?
L’AVIF compresse environ 30 % mieux que le WebP à qualité égale mais met ~10× plus longtemps à encoder. WebP est un bon défaut ; l’AVIF pour les assets statiques où le temps d’encodage importe peu.
Puis-je redimensionner en lot sans compresser ?
Oui — mettez la qualité à 100 et appliquez seulement l’étape redimensionnement.
Étapes suivantes
- Convertissez les anciens formats avec le convertisseur d’images.
- Retirez les métadonnées personnelles avant partage avec l’éditeur EXIF.
- Ajoutez des filigranes marque avant publication avec l’outil filigrane image.