Comment compresser les images d’un site web
Les images sont souvent l’élément le plus lourd d’une page. Voici comment les alléger.
1. Redimensionnez à la taille d’affichage
Une photo de 4000 px affichée en 800 px gaspille 96 % de ses pixels. Redimensionnez les images au maximum au double de leur largeur d’affichage pour un rendu net sur les écrans Retina.
2. Choisissez un format moderne
Le WebP est pris en charge par tous les navigateurs modernes et il est en général 25 à 35 % plus léger que le JPG. L’AVIF est encore plus léger pour les photos. Réservez le PNG aux graphismes qui doivent rester sans perte.
3. Choisissez la bonne qualité
Une qualité de 75 à 82 est visuellement sans perte pour la plupart des photos. Comparez avant et après pour trouver le réglage le plus bas qui reste satisfaisant.
4. Supprimez les métadonnées
Les données EXIF peuvent ajouter des dizaines de kilo-octets à chaque image et révéler des informations privées. Supprimez-les avant de publier.
5. Automatisez
Utilisez le traitement par lots pour vos bibliothèques existantes, et l’API ou une extension de CMS pour les nouveaux envois : chaque image est ainsi optimisée automatiquement.