Comprendre la compression d’images

Pourquoi la compression compte

Les images pèsent souvent le plus lourd sur une page. Les alléger améliore le LCP, réduit la bande passante et retient les visiteurs mobiles. C’est la tâche de performance au meilleur rendement pour la plupart des sites.

Compressez gratuitement avec le compresseur d’images.

Avec perte vs sans perte

• Sans perte — aucun pixel modifié ; gains modestes (optimisation PNG, WebP sans perte).
• Avec perte — une partie du détail est supprimée pour des fichiers bien plus petits (JPEG, WebP, AVIF).

Pour les photos, l’avec perte gagne. Pour les captures d’écran, schémas et logos, le sans perte (ou PNG/WebP lossless) préserve les bords nets.

Le curseur de qualité

Testez sur de vraies images : les ciels lisses et le texte souffrent en premier.

Redimensionnez avant de compresser

Une photo de 4000 px affichée en 800 px gaspille des octets. Redimensionnez à la taille d’affichage réelle (×2 pour le retina), puis compressez. Utilisez le redimensionneur d’images.

Choisissez le bon format

• JPEG — photos, sans transparence.
• PNG — captures, logos, transparence (sans perte).
• WebP — polyvalent moderne, ~25–35 % plus léger que le JPEG.
• AVIF — meilleure compression aujourd’hui, support croissant.

Convertissez entre formats avec le convertisseur d’images.

Flux de travail pratique

1. Recadrez à la composition voulue.
2. Redimensionnez aux dimensions d’affichage (×2 max).
3. Choisissez le format (WebP/AVIF si supporté).
4. Compressez à une qualité de 75–85.
5. Comparez avant/après visuellement.
6. Servez de façon responsive avec srcset.

Erreurs fréquentes

1. Servir les originaux pleine résolution.
2. Compresser sans jamais redimensionner.
3. Utiliser le PNG pour des photos.
4. Descendre la qualité trop bas et publier des artefacts.
5. Oublier de tester sur une vraie connexion mobile.

Allégez vos images

Déposez vos fichiers dans le compresseur gratuit — tout se passe dans votre navigateur, rien n’est uploadé.