Compresseur d’images

D’où vient le poids d’une image

Un fichier image est une grille de pixels écrite de façon compacte. Sa taille dépend de deux nombres : combien il y a de pixels et combien d’octets le format dépense pour chacun.

On oublie souvent le premier nombre. Une photo de téléphone fait environ 4000 sur 3000 pixels, soit 12 millions en tout. Une colonne de page web dépasse rarement 800 pixels CSS, ou 1600 vrais pixels sur un écran net. Si vous y envoyez la photo entière, le navigateur télécharge 12 millions de pixels pour en jeter 10 millions. Réduire la largeur d’une image de moitié divise son nombre de pixels par quatre et son poids presque autant. C’est pourquoi cet outil a une largeur maximale et une hauteur maximale. Réglez-en une : chaque image est réduite pour y tenir, avec ses proportions conservées. Une image déjà plus petite garde sa taille.

Le second nombre dépend du format et du réglage de qualité. Les formats avec perte ne stockent pas chaque pixel. Ils stockent une description qui paraît identique à l’œil et le chiffre de qualité dit quelle différence vous acceptez.

Quel format choisir

Sur une page web, vous pouvez servir le format moderne et garder une solution de repli pour les navigateurs plus anciens :

<picture>
  <source srcset="team.avif" type="image/avif">
  <source srcset="team.webp" type="image/webp">
  <img src="team.jpg" alt="The team in the workshop" width="1600" height="1067">
</picture>

Ce que cette page fait de votre fichier

Chaque fichier passe par les mêmes étapes. Ils sont traités un à la fois, donc la mémoire utilisée reste stable :

1. Nous lisons les premiers octets pour connaître le format et la taille en pixels. Un fichier de plus de 40 Mo ou d’environ 50 mégapixels est refusé avant de pouvoir figer l’onglet.
2. Le navigateur décode l’image et applique la rotation enregistrée par l’appareil photo, pour que les portraits restent droits.
3. L’image est dessinée sur un canvas à la taille voulue.
4. Le canvas est encodé. JPEG, WebP et PNG utilisent l’encodeur intégré à votre navigateur. AVIF utilise libavif compilé en WebAssembly, un fichier de 3,5 Mo téléchargé depuis ce site la première fois que vous choisissez AVIF. Il tourne dans un fil d’exécution en arrière-plan pour que la page continue de répondre.

Le nouveau fichier est construit à partir des pixels et de rien d’autre, donc rien d’autre ne suit : pas de bloc EXIF, pas de position GPS, pas de numéro de série de l’appareil, pas de miniature intégrée. Les couleurs sont converties en sRGB, l’espace colorimétrique standard du web.

Lire le résultat

Chaque carte affiche l’ancienne et la nouvelle taille, la part économisée et les dimensions avant et après. La comparaison sert à juger la qualité. Faites glisser le séparateur sur un visage, un ciel ou une ligne de texte, car c’est là que la compression se voit en premier. Si vous ne voyez rien à un zoom de 100 %, baissez la qualité de dix et regardez de nouveau.

Parfois le nouveau fichier est plus gros. C’est souvent une photo convertie en PNG, un original déjà très compressé, ou une qualité réglée près de 100. La carte vous le dit et vous permet d’enregistrer l’original à la place.

Deux résultats dépendent de votre navigateur. Safari ne sait pas écrire du WebP à partir d’un canvas et renvoie du PNG, ce que l’outil détecte et vous signale. Les photos HEIC d’un iPhone ne peuvent être ouvertes que par Safari 17 et les versions suivantes. Ailleurs, exportez-les d’abord en JPEG.