Comment optimiser les images de votre site web : taille, format et qualité

En bref : pour optimiser une image pour le web, (1) redimensionnez-la à la taille où elle est réellement affichée, (2) enregistrez-la dans un format efficace comme le WebP, (3) utilisez une qualité d’environ 75–85 % et (4) supprimez les métadonnées. Dans le Compresseur d’images d’Imgovo, vous faites tout cela en une seule étape, et rien n’est envoyé.

Pourquoi c’est important

Les images représentent souvent la plus grande partie d’une page web. Des images lourdes ralentissent le chargement, ce qui peut nuire à l’expérience des visiteurs et aux performances dans la recherche. Les Core Web Vitals de Google mesurent le Largest Contentful Paint (LCP), et un bon LCP est de 2,5 secondes ou moins. Sur beaucoup de pages, l’élément LCP est une image.

Des fichiers plus légers consomment aussi moins de données mobiles et d’espace de stockage.

Les quatre leviers

1. Dimensions

Une photo de 6000 × 4000 pixels affichée sur 800 pixels de large gaspille la plupart de ses pixels. Redimensionnez-la à peu près à la largeur affichée, ou jusqu’à environ deux fois cette largeur pour un affichage net sur les écrans à haute densité.

Le compresseur propose un réglage « Largeur / hauteur max. » avec des préréglages : garder la taille d’origine, 3840, 2560, 1920, 1600, 1280, 1080, 800 et 640 px, plus une valeur personnalisée. La mise à l’échelle est proportionnelle et n’agrandit jamais une image plus petite.

2. Format

Format	Idéal pour	Remarques
JPG	Vos photos	Fonctionne partout
WebP	Photos et graphismes	Fichiers légers, largement pris en charge par les navigateurs modernes
AVIF	Vos photos	Généralement les fichiers les plus légers, mais l’encodage est plus lent et les anciens logiciels peuvent ne pas l’ouvrir
PNG	Captures d’écran, logos, graphismes, transparence	Sans perte ; le curseur de qualité ne s’applique pas, seul le redimensionnement allège le fichier

Une bonne combinaison est une taille plus petite (par exemple 1920 px de large) en WebP ou en AVIF. Pour vous aider à choisir, lisez JPG, PNG, WebP et AVIF : comparaison.

3. Qualité

Qualité	Usage
75–85%	Web et réseaux sociaux
60–70%	Fichiers très légers
Plus de 85 %	Impression

Le JPG et le WebP à 70–85 % réduisent généralement le poids des photos d’environ 50 à 80 %. La compression est irréversible pour le JPG, le WebP et l’AVIF, même à la qualité 100 : conservez donc vos fichiers d’origine.

4. Métadonnées

Le résultat du compresseur ne contient que des données de pixels : les données EXIF comme les informations de l’appareil et la position GPS sont donc supprimées. Cela allège le fichier et protège la vie privée. Lisez Comment supprimer la position GPS et les données EXIF.

Pas à pas dans le Compresseur d’images

1. Ouvrez le Compresseur d’images et ajoutez une ou plusieurs images par glisser-déposer, en choisissant des fichiers ou en les collant.
2. Choisissez Compresser par : Qualité (curseur, 80 % par défaut) ou Taille de fichier cible (par exemple 100 Ko).
3. Réglez la largeur ou la hauteur maximale.
4. Choisissez le format de sortie : JPG, WebP, AVIF (indiqué comme « le plus léger ») ou PNG.
5. Comparez côte à côte les aperçus de l’original et de l’image compressée.
6. Téléchargez le résultat. Si le nouveau fichier est plus lourd que l’original, l’outil vous avertit et vous pouvez télécharger l’original à la place.

Si la limite de poids est inatteignable, l’outil vous le dit et fournit le plus petit résultat possible. Pour les petites limites, lisez Comment compresser une image sous 100 Ko.

Une liste de contrôle pratique pour les images web

• Redimensionnez avant de compresser. Réduire les dimensions fait souvent gagner plus que baisser la qualité.
• Choisissez le bon format. Photos : WebP ou AVIF, avec JPG en solution de repli si nécessaire. Graphismes : PNG ou WebP.
• Visez des tailles raisonnables. En règle générale, beaucoup de photos de contenu peuvent rester sous environ 150 Ko et les grandes images d’en-tête sous environ 300 Ko, mais cela dépend de l’image et du design. Vérifiez le résultat à l’œil.
• Décrivez l’image. Ajoutez un texte alternatif pertinent et un nom de fichier descriptif, comme velo-rouge-contre-un-mur.webp.
• Réservez la place. Indiquez la largeur et la hauteur dans votre page pour que la mise en page ne saute pas pendant le chargement de l’image.
• Chargez en différé les images sous la ligne de flottaison, mais pas l’image principale en haut de la page.
• Gardez vos originaux pour pouvoir exporter de nouvelles versions plus tard.

Erreurs courantes

• Importer les originaux de l’appareil photo. Une photo de 6 Mo n’est presque jamais nécessaire sur une page web.
• Réenregistrer sans cesse le même JPG. Chaque enregistrement avec perte peut réduire la qualité. Partez toujours de l’original.
• Utiliser le PNG pour des photos. Les fichiers sont bien plus lourds qu’en JPG ou WebP.
• Trop compresser. Sous environ 60 %, des blocs et du flou peuvent apparaître. Vérifiez l’aperçu.

Confidentialité

La compression s’exécute dans votre navigateur. Vos images ne sont pas envoyées, et pour savoir comment Imgovo traite les fichiers, lisez Les convertisseurs d’images en ligne sont-ils sûrs ?

Essayez maintenant

Ouvrez le Compresseur d’images, ajoutez votre image et comparez l’aperçu. Pour un simple redimensionnement rapide, utilisez Redimensionner une image ; pour changer de format, utilisez Convertir une image.