Guide de compression d'images : des fichiers plus légers sans perte de qualité
Apprenez à compresser vos images pour le web sans perte de qualité visible. Ce guide couvre les formats JPEG, PNG, WebP et les outils qui simplifient le processus.
Une seule photo non compressée prise avec un smartphone moderne peut peser entre 10 et 25 Mo. Sur le web, cela se traduit par des pages qui chargent lentement, des utilisateurs frustrés et un classement dans les moteurs de recherche en baisse. La compression d'images résout ce problème — mais toutes les compressions ne se valent pas. Voici ce que vous devez savoir.
Compression avec perte vs. sans perte
La compression avec perte supprime définitivement des données pour réduire la taille du fichier. Le format JPEG en est l'exemple classique. Un réglage de qualité à 80–85 % produit généralement un fichier 60 à 70 % plus petit que l'original, sans différence visible à l'œil nu.
La compression sans perte réorganise les données sans en supprimer. PNG et WebP (mode sans perte) préservent chaque pixel. Utile pour les captures d'écran, les logos et tout contenu comportant du texte ou des contours nets, où les artefacts seraient immédiatement visibles.
Choisir le bon format
| Format | Idéal pour | Compression |
|---|---|---|
| JPEG | Photos, images complexes | Avec perte, très léger |
| PNG | Logos, captures d'écran, transparence | Sans perte, plus lourd |
| WebP | Tout type d'image | Avec ou sans perte, ~30 % plus léger que JPEG/PNG |
| AVIF | Navigateurs modernes | Meilleure compression, encodage plus lent |
La règle pratique : Convertissez vos photos en WebP. N'utilisez PNG que lorsque vous avez besoin de transparence ou d'un rendu pixel parfait. Évitez le JPEG pour les images contenant du texte ou des formes géométriques nettes.
Quel réglage de qualité utiliser ?
Pour le JPEG et le WebP avec perte, une qualité comprise entre 75 et 85 % est la valeur idéale pour la plupart des images web :
- Qualité 90–100 % — Quasiment identique à l'original, économies minimes
- Qualité 75–85 % — 50 à 70 % plus léger, différence imperceptible à l'écran
- Qualité 60–74 % — Artefacts visibles à l'examen rapproché, acceptable pour les miniatures
- Qualité inférieure à 60 % — Effets de blocs et de bandes visibles, à éviter pour le contenu principal
Chargement progressif
Le format JPEG prend en charge l'encodage progressif — l'image se charge d'abord en basse résolution, puis se précise à mesure que les données arrivent. Cela donne une impression de rapidité même avant que l'image complète soit téléchargée. La plupart des outils de compression proposent cette option.
Les images responsives ont aussi leur importance
La compression seule ne suffit pas si vous servez une image de 2 000 px de large à un téléphone mobile avec un écran de 400 px. Utilisez les attributs HTML srcset et sizes pour servir des images aux dimensions appropriées :
<img
src="hero-800.webp"
srcset="hero-400.webp 400w, hero-800.webp 800w, hero-1600.webp 1600w"
sizes="(max-width: 600px) 400px, (max-width: 1200px) 800px, 1600px"
alt="Hero image"
/>
Ce seul changement peut réduire le poids des images sur mobile de 70 % ou plus.
Workflow de compression en lot
Si vous avez de nombreuses images à compresser :
- Convertissez d'abord tous les fichiers JPEG et PNG en WebP
- Appliquez une qualité de 80 % pour les photos, sans perte pour les éléments d'interface
- Supprimez les métadonnées (les données EXIF ajoutent 20 à 100 Ko à chaque photo)
- Régénérez les images aux dimensions d'affichage correctes — ne comptez jamais sur le CSS pour réduire des images volumineuses
Avant et après : des chiffres concrets
Un workflow typique pour une image principale :
- JPEG original : 4,2 Mo (sortie appareil photo)
- Après redimensionnement à 1 600 px de large : 1,8 Mo
- Après compression à Q80 : 320 Ko
- Après conversion en WebP Q80 : 210 Ko
Soit une réduction de 95 % de la taille du fichier, sans aucune différence de qualité visible à l'écran.
Outils
Notre compresseur d'images fonctionne entièrement dans votre navigateur — sans téléchargement vers un serveur, sans compte, sans limite de taille par image. Déposez un fichier et téléchargez le résultat en quelques secondes.
Pour convertir des formats, le convertisseur de format d'image gère les conversions PNG, JPEG et WebP en une seule étape. Et PNG to WebP est la solution la plus rapide si vous savez déjà ce dont vous avez besoin.
Résumé
La compression d'images est l'une des optimisations de performance les plus impactantes qui soit. Passez au WebP, utilisez une qualité de 75 à 85 % pour les photos, supprimez les métadonnées et servez vos images aux bonnes dimensions. La plupart des sites peuvent réduire leur charge totale d'images de 60 à 80 % en une seule après-midi de travail.