À propos de cet outil
Ce compresseur allège vos images directement dans le navigateur, sans envoi de fichier. Vous choisissez le format de sortie (JPEG, WebP ou PNG, ou le choix automatique qui garde JPEG et WebP et convertit les PNG en WebP), le niveau de qualité et, si besoin, une taille maximale pour réduire aussi les dimensions des grandes photos. Chaque ligne indique le poids avant et après, le gain et les dimensions ; si une image ne peut pas être allégée, l'original est conservé. Les métadonnées (position GPS, modèle d'appareil) sont retirées au passage.
Comment utiliser cet outil
- Importez une ou plusieurs images (jusqu'à 60).
- Choisissez le format de sortie, réglez la qualité (80 % convient à la plupart des photos) et, au besoin, une taille maximale.
- Lisez le poids avant et après de chaque image, ainsi que le gain total.
- Téléchargez les images une à une ou toutes ensemble dans une archive ZIP.
Pourquoi alléger ses images ?
Sur la plupart des pages web, les images représentent la plus grande part des octets à télécharger. Leur poids pèse directement sur le temps d'affichage, la consommation de données mobiles et, pour un site, sur la performance mesurée par Google : l'image principale d'une page est souvent l'élément qui définit le « Largest Contentful Paint » (LCP), l'un des indicateurs de la qualité d'expérience. Une image trop lourde retarde donc l'affichage visible, et, par effet de ricochet, l'expérience de lecture et le référencement.
Les appareils photo et téléphones produisent des fichiers de 3 à 10 Mo, bien plus que nécessaire pour un écran. Alléger une image se fait en agissant sur trois leviers, du plus efficace au moins efficace :
- Les dimensions. Une photo de 4 000 × 3 000 px affichée à 800 px de large contient 25 fois plus de pixels que nécessaire. Réduire les dimensions est de loin le gain le plus important : choisissez dans l'outil une taille maximale (par exemple 1 600 ou 1 920 px).
- Le format. Pour les photos, JPEG, WebP et AVIF compressent avec perte et donnent des fichiers bien plus légers que le PNG.
- La qualité. Dans un format avec perte, le curseur de qualité arbitre entre netteté et poids. Entre 75 et 85 %, la différence est rarement visible, alors que le poids baisse fortement.
JPEG, WebP, PNG : quel format pour quelle image ?
| Format | Compression | Transparence | À privilégier pour |
|---|---|---|---|
| JPEG | avec perte | non | Photos, compatibilité maximale |
| WebP | avec ou sans perte | oui | Photos et illustrations pour le web ; en général plus léger que JPEG et PNG |
| PNG | sans perte | oui | Captures d'écran, logos, schémas aux aplats de couleur, détails fins à préserver |
| AVIF | avec ou sans perte | oui | Très bonne compression ; encodage lent, non proposé par l'outil |
| SVG | vectoriel | oui | Logos, icônes et formes géométriques : net à toute taille |
Selon les recommandations de web.dev, WebP et AVIF offrent généralement une meilleure compression que les anciens formats et sont acceptés par tous les navigateurs récents ; on peut les proposer avec un JPEG ou un PNG en secours (balise picture). Le PNG produit la meilleure qualité possible mais au prix de fichiers beaucoup plus lourds : à utiliser avec parcimonie, pour des images où la perte n'est pas acceptable. Dans l'outil, le mode « Automatique » garde JPEG et WebP tels quels et convertit les PNG en WebP, plus léger tout en gardant la transparence.
- Pas de texte dans les images si vous pouvez l'éviter : il ne peut être ni sélectionné, ni recherché, ni agrandi, et il est invisible pour les lecteurs d'écran sans description.
- Pour une animation, préférez une courte vidéo à un GIF : à qualité égale, le fichier est très nettement plus petit.
Choisir la bonne qualité
La compression avec perte retire des informations que l'œil distingue mal : variations très fines de couleur, détails dans les zones sombres, textures. Le curseur règle l'importance de cette perte :
| Qualité | Résultat typique |
|---|---|
| 90 à 100 % | Quasi identique à l'original, mais poids élevé. Utile pour l'archivage ou l'impression. |
| 75 à 85 % | Excellent compromis pour le web : différence presque invisible, poids divisé par 3 à 5. |
| 60 à 70 % | Léger flou ou petits blocs sur les dégradés ; acceptable pour les vignettes. |
| moins de 50 % | Artefacts visibles (blocs, halos autour du texte). À éviter. |
Recompresser plusieurs fois une image déjà compressée dégrade la qualité à chaque passage : partez toujours de l'original quand vous le pouvez. Quand une image ne peut pas être allégée (déjà très optimisée), l'outil conserve l'original plutôt que d'en produire une version plus lourde.
Confidentialité : tout reste sur votre appareil
- Aucun envoi. Les images sont lues, redimensionnées et encodées par votre navigateur (élément
canvas). Elles ne transitent par aucun serveur, ce qui compte pour des photos privées, des documents ou des visuels confidentiels. - Métadonnées supprimées. Une photo contient souvent des informations cachées (EXIF) : modèle d'appareil, date, parfois la position GPS exacte. Le passage par le canvas les retire, ce qui allège le fichier et protège votre vie privée avant publication. Si vous voulez les conserver, utilisez un outil de métadonnées comme ExifTool.
- Orientation. L'orientation EXIF est appliquée avant l'encodage : les photos prises en mode portrait restent à l'endroit.
- Limites de mémoire. Un très grand nombre de très grandes images à la fois peut saturer la mémoire d'un téléphone : traitez-les par lots d'une dizaine, et utilisez la taille maximale pour réduire la charge.
Pour recadrer ou adapter des images à un format précis (réseaux sociaux, vignettes), utilisez le redimensionneur d'images ; pour changer de format sans autre réglage, le convertisseur de format.
Images adaptatives : la bonne taille pour chaque écran
Optimiser une image ne s'arrête pas à son poids : encore faut-il servir à chaque visiteur la taille qui lui convient. Un écran « 2x » (la plupart des téléphones) affiche une image deux fois plus détaillée dans chaque direction, soit quatre fois plus de pixels. Les attributs srcset et sizes de la balise img permettent de proposer plusieurs versions d'une même image (par exemple 480, 800 et 1 200 px de large) et de laisser le navigateur choisir selon l'écran :
<img src="photo-800.webp"
srcset="photo-480.webp 480w, photo-800.webp 800w, photo-1200.webp 1200w"
sizes="(min-width: 900px) 800px, 100vw"
width="800" height="533" alt="Description de la photo">Renseignez toujours width et height pour que le navigateur réserve l'espace et évite les décalages de mise en page, et ajoutez loading="lazy" aux images situées sous la ligne de flottaison (pas à l'image principale, qui doit se charger en priorité). Générez les différentes tailles en une fois avec le redimensionneur, puis allégez-les avec le compresseur.
Questions fréquentes
De combien puis-je réduire le poids d'une image ?
Cela dépend de l'image et de son format d'origine. Une photo JPEG enregistrée à pleine qualité par un appareil photo ou un téléphone peut souvent perdre 50 à 80 % de son poids avec une qualité de 75 à 85 %, sans différence visible à l'œil. Une image déjà optimisée gagnera peu, voire rien : l'original est alors conservé.
Quelle qualité choisir ?
Entre 75 et 85 % pour des photos destinées au web : au-delà, le poids augmente vite pour un gain invisible ; en dessous de 60 %, les artefacts (blocs, halos) deviennent perceptibles. Comparez toujours le résultat sur une image importante avant de traiter un lot.
Quel format donne les fichiers les plus légers ?
À qualité visuelle équivalente, WebP produit en général des fichiers plus légers que JPEG, et bien plus légers que PNG pour les photos. Le PNG reste préférable pour les captures d'écran, les logos et les schémas à aplats de couleurs, qui se compressent bien sans perte.
La compression réduit-elle aussi les dimensions ?
Seulement si vous choisissez une taille maximale. Pour le web, une image affichée à 800 px de large n'a pas besoin de 4 000 px : réduire les dimensions apporte souvent un gain bien supérieur à celui de la qualité.
La transparence est-elle conservée ?
Avec WebP et PNG, oui. Le JPEG n'a pas de transparence : si vous le choisissez pour une image transparente, les zones transparentes deviennent blanches, et l'outil vous le signale.