Une image de plusieurs mégaoctets peut être parfaitement adaptée à l’impression et totalement disproportionnée pour une page Web. Optimiser une image ne signifie pourtant pas la dégrader jusqu’à ce qu’elle devienne légère. Il s’agit de supprimer ce dont l’affichage n’a pas besoin : dimensions excessives, format inadapté, niveau de qualité inutilement élevé ou métadonnées superflues.
La bonne stratégie suit généralement cet ordre : dimensionner, choisir le format, compresser, vérifier visuellement, puis servir la bonne variante au navigateur.
1. Commencer par les dimensions
C’est souvent l’optimisation la plus rentable. Une photographie de 6000 × 4000 pixels contient 24 millions de pixels. Si elle n’est jamais affichée au-delà de 1200 pixels de large, conserver les dimensions originales oblige le navigateur à télécharger et décoder beaucoup plus de données que nécessaire.
Avant de toucher à la compression, demandez-vous quelle largeur maximale sera réellement utilisée, s’il existe une variante mobile, s’il faut tenir compte des écrans haute densité et si l’utilisateur peut ouvrir l’image en pleine taille.
Le redimensionneur d’image permet d’adapter directement les dimensions à l’usage final.
2. Ne pas confondre dimensions et poids
Deux images de 1600 × 900 peuvent avoir des poids radicalement différents. Les dimensions décrivent le nombre de pixels ; le poids dépend aussi du format, du contenu et du niveau de compression.
Une photographie détaillée se compresse différemment d’un logo comportant quatre aplats de couleur. C’est pourquoi un réglage unique appliqué à toutes les images est rarement optimal.
3. Choisir le format selon le contenu
| Contenu | Choix fréquent | Pourquoi |
|---|---|---|
| Photographie | WebP, AVIF, JPEG | bonne compression avec pertes |
| Capture d’interface | WebP ou PNG | détails et aplats |
| Logo / icône vectorielle | SVG | indépendant de la résolution |
| Image avec transparence | WebP, AVIF, PNG | canal alpha |
| Compatibilité maximale | JPEG / PNG | formats historiques très répandus |
Le convertisseur d’images permet de comparer les sorties sans devoir multiplier les applications ou services.
4. Compression avec perte ou sans perte ?
La compression sans perte permet de reconstruire exactement les données de l’image. La compression avec perte élimine des informations jugées moins importantes visuellement et peut réduire fortement le poids d’une photographie.
Le bon niveau n’est donc pas « qualité 100 ». C’est le niveau auquel la dégradation reste imperceptible dans le contexte réel d’affichage.
5. Comparer à la taille d’affichage réelle
Une vérification utile se fait à la taille prévue, sur les zones difficiles — cheveux, feuillage, texte, gradients, détails fins — et si nécessaire sur mobile comme sur desktop.
Si une réduction supplémentaire est invisible dans ces conditions, elle est probablement intéressante. Si elle crée des halos autour du texte ou détruit les détails importants, elle ne l’est plus.
6. Redimensionner avant de compresser
Prenons une image de 4000 × 3000 destinée à une carte de 800 × 600. Le nombre de pixels passe de 12 000 000 à 480 000 après redimensionnement.
Compresser l’image géante puis demander au navigateur de la réduire visuellement revient à optimiser le mauvais fichier. Dans un workflow, le redimensionnement doit généralement intervenir avant l’encodage final.