# Analyseur de compression d'images

https://rankproof.eu/fr/tools/content-image-compression

## Réponse courte

Vérifiez le poids, les formats et les gains de compression des images, ainsi que le balisage responsive : srcset, largeur et hauteur, et chargement différé.

## Ce que ça fait

Vérifie jusqu'à 15 images d'une page selon leur format et leur taille de fichier, signale celles encore servies en JPEG ou PNG au lieu de WebP ou AVIF, et estime les octets que vous économiseriez en les convertissant en WebP. Une seconde partie vérifie chaque `<img>` pour son balisage responsive : un `srcset`, des attributs `width` et `height` qui évitent un décalage de mise en page, un chargement différé pour les images hors écran et des formats modernes.

## Comment ça fonctionne

1. Saisissez l'URL d'une page
2. Nous listons les images de la page et vérifions le format et la taille de jusqu'à 15 d'entre elles
3. Estimons les économies en WebP, puis vérifions chaque `<img>` pour srcset, dimensions et chargement différé
4. Renvoyons un résultat pour chaque partie, avec les images les plus lourdes et celles auxquelles il manque un balisage responsive

## Exemple d'entrée et de sortie

ENTRÉE

```text
url: https://rankproof.eu/tools
```

SORTIE

```text
Poids et formats des images
  images vérifiées : 15
  format moderne (WebP/AVIF): 11 / 15      warn
  poids total des images: 890 KB           OK (moins de 1 MB)
  est. savings as WebP: 64 KB
  la plus grande: /images/hero-banner.jpg — 210 KB

Images responsives : 18
  avec srcset : 18                         OK
  largeur et hauteur définies: 18          OK (aucun décalage de mise en page)
  images hors écran en chargement différé  OK

1 domaine sur 2 est satisfaisant
```

## Pourquoi c'est important

Les images sont souvent la partie la plus lourde d'une page et souvent son élément Largest Contentful Paint. Envoyer des JPEG en pleine taille aux téléphones gaspille des données et ralentit cet affichage, et des images sans width ni height font sauter la mise en page pendant leur chargement, ce qui nuit au Cumulative Layout Shift.

## Qui l'utilise

- **Responsable e-commerce**: Vérifiez les pages de catégorie et de produit à la recherche d'images encore servies en JPEG ou PNG à la taille d'origine de l'appareil photo.
- **Responsable de contenu**: Repérez les téléversements qui ont sauté le redimensionnement, et les pages où les images manquent de srcset ou de dimensions.
- **Ingénieur performance**: Estimez combien une conversion WebP permettrait d'économiser avant de choisir un pipeline d'images.

## Questions fréquentes

### Combien puis-je économiser ?

Le rapport estime les octets économisés en convertissant chaque image qui n'est pas dans un format moderne vers WebP. Les économies réelles dépendent de l'image et du réglage de qualité choisi.

### La compression nuit-elle à la qualité de l'image ?

Avec des réglages de qualité raisonnables, les formats modernes paraissent identiques pour la plupart des gens. Comparez avant et après à la taille à laquelle l'image est affichée.

### Qu'est-ce qui rend une image responsive ?

Un `srcset` (ou un élément `<picture>`) pour que le navigateur puisse choisir un fichier plus petit sur les petits écrans, plus `width` et `height` pour que l'espace soit réservé avant le chargement de l'image.

### Les images doivent-elles être chargées de façon différée ?

Les images hors écran, oui — ajoutez `loading="lazy"`. Ne chargez pas de façon différée l'image principale en haut de la page ; c'est souvent l'élément Largest Contentful Paint.

### Dois-je retirer les métadonnées EXIF ?

Pour un affichage web, généralement oui — cela économise des octets et retire des détails tels que la localisation GPS.

## Outils connexes dans Optimisation du contenu

- [Optimiseur de contenu](https://rankproof.eu/fr/tools/content-content-optimizer)
- [Vérificateur de lisibilité](https://rankproof.eu/fr/tools/content-readability)
- [Vérificateur de meta sociales](https://rankproof.eu/fr/tools/content-social-meta)
- [Convertisseur WebP](https://rankproof.eu/fr/tools/content-webp-converter)
- [Générateur d'UTM](https://rankproof.eu/fr/tools/content-utm-builder)
- [Scoreur E-E-A-T](https://rankproof.eu/fr/tools/content-eeat-scorer)