Comment fonctionne la compression d'image : JPEG, PNG, WebP et AVIF expliqués

On compresse des images tous les jours sans savoir ce qui se passe « sous le capot ». Pourtant, comprendre les mécanismes permet de faire de bien meilleurs choix : pourquoi un JPEG abîme le texte, pourquoi un PNG de photo est énorme, pourquoi l’AVIF est si efficace mais si lent. Cet article décortique, sans jargon inutile, comment fonctionne réellement la compression d’image.

Le principe de départ : supprimer la redondance

Une image brute (bitmap) stocke la couleur de chaque pixel indépendamment. Une photo de 4000 × 3000 pixels en 3 octets par pixel pèse donc 36 Mo à l’état brut. C’est énorme — et surtout, c’est gaspillé, car une image contient beaucoup de redondance :

• Redondance spatiale : deux pixels voisins se ressemblent presque toujours (un ciel bleu, un mur uni).
• Redondance perceptuelle : l’œil humain ne perçoit pas tous les détails de la même façon. Il est très sensible à la luminosité, beaucoup moins aux variations fines de couleur.
• Redondance statistique : certaines valeurs reviennent bien plus souvent que d’autres et peuvent être codées plus court.

Tous les formats exploitent ces redondances. La grande ligne de partage est la suivante :

• La compression sans perte (lossless) supprime uniquement la redondance récupérable. L’image décompressée est strictement identique à l’originale. C’est ce que fait le PNG.
• La compression avec perte (lossy) jette en plus des informations que l’œil ne remarquera (presque) pas. C’est irréversible, mais bien plus efficace. C’est ce que font JPEG, WebP et AVIF en mode photo.

Pour une comparaison pratique des deux approches, voir notre guide compresser une image sans perte de qualité.

Le pipeline JPEG, étape par étape

JPEG (1992) reste le meilleur exemple pédagogique, car la plupart des formats modernes reprennent sa logique. Voici ce qui arrive à votre photo quand vous l’enregistrez en JPEG :

1. Conversion d’espace colorimétrique (RGB → YCbCr). L’image passe du rouge/vert/bleu à un canal de luminance (Y, la « clarté ») et deux canaux de chrominance (Cb et Cr, la couleur). Cette séparation est cruciale : elle isole l’information à laquelle l’œil est le plus sensible.

2. Sous-échantillonnage de la chrominance (chroma subsampling). Comme l’œil distingue mal les détails de couleur, JPEG réduit la résolution des canaux Cb et Cr — typiquement de moitié dans chaque direction (mode 4:2:0). On vient déjà de diviser par deux la quantité de données de couleur, sans dégradation perceptible. C’est aussi pour ça que le texte coloré sur fond uni bave en JPEG : les bords nets de couleur sont les seuls cas où ce sous-échantillonnage se voit.

3. Découpage en blocs de 8 × 8 pixels. L’image est traitée par petits carrés indépendants. Retenez ce chiffre : c’est la source des fameux artefacts en damier quand on pousse la compression.

4. Transformée en cosinus discrète (DCT). Chaque bloc de 8 × 8 est converti d’une grille de pixels vers une grille de fréquences. En haut à gauche, les basses fréquences (les variations lentes, le « fond » du bloc) ; en bas à droite, les hautes fréquences (les détails fins, les contours). La DCT ne perd rien en soi : elle réorganise simplement l’information pour pouvoir trier le visible de l’invisible.

5. Quantification — c’est ici qu’on perd. Chaque coefficient de fréquence est divisé par une valeur d’une matrice de quantification, puis arrondi. Les hautes fréquences (peu perceptibles) sont divisées par de grandes valeurs et tombent souvent à zéro. Le curseur « qualité » de votre logiciel ne fait qu’échelonner cette matrice : qualité 60 = division agressive = beaucoup de zéros = fichier léger mais artefacts ; qualité 90 = division douce = fidélité élevée.

6. Codage entropique (sans perte). Les coefficients restants, parcourus en zig-zag pour regrouper les zéros, sont compressés par codage de Huffman (les valeurs fréquentes reçoivent des codes plus courts). Cette dernière étape ne dégrade rien — elle ne fait que ranger efficacement.

En résumé : toute la perte de qualité du JPEG se concentre à l’étape de quantification, pilotée par le réglage de qualité. Vous pouvez observer ce compromis en direct dans notre outil de compression JPG.

D’où viennent les artefacts JPEG ?

• Effet de blocs (blocking) : à forte compression, chaque carré de 8 × 8 devient quasi uniforme et les frontières entre blocs deviennent visibles.
• Effet de cloche / moustique (ringing) : autour des contours nets (texte, branches sur le ciel), les hautes fréquences manquantes créent des ondulations.
• Bavure de couleur : conséquence directe du sous-échantillonnage de la chrominance.

C’est pourquoi le JPEG est excellent pour les photos (riches en dégradés doux) et mauvais pour les captures d’écran et les logos (riches en contours nets).

Le PNG : la compression sans perte

Le PNG (1996) suit une logique radicalement différente, 100 % réversible :

1. Filtrage par prédiction. Pour chaque ligne de pixels, PNG prédit la valeur de chaque pixel à partir de ses voisins (gauche, haut, ou une moyenne — le filtre Paeth) et ne stocke que l’écart entre la prédiction et la réalité. Sur une zone unie, ces écarts sont quasi tous nuls : parfaits à compresser.

2. Compression DEFLATE. Les écarts sont ensuite passés dans l’algorithme DEFLATE (le même que les fichiers ZIP), qui combine la détection de répétitions (LZ77) et un codage de Huffman.

3. Mode palette (optionnel). Si l’image contient 256 couleurs ou moins (logos, icônes, illustrations plates), PNG peut stocker une table de couleurs et ne garder qu’un index par pixel. Gain énorme sur ce type de contenu.

Le PNG ne jette jamais d’information : c’est sa force pour les logos, captures et images à transparence, et sa faiblesse pour les photos, où il pèse souvent 5 à 10 fois un JPEG équivalent. Les outils type pngquant contournent cela en réduisant intelligemment la palette — une forme de « perte » contrôlée.

WebP et AVIF : les héritiers de la vidéo

WebP (2010) et AVIF (2019) ne sont pas nés de rien : ce sont des images dérivées de codecs vidéo (VP8 pour WebP, AV1 pour AVIF). Ils reprennent le squelette du JPEG — transformer, quantifier, coder — mais avec des outils beaucoup plus malins.

Technique	JPEG	WebP	AVIF
Prédiction de blocs (intra)	non	oui (VP8)	oui, très évoluée (AV1)
Taille de blocs	fixe 8×8	variable	variable, jusqu’à 64×64
Codage entropique	Huffman	arithmétique (booléen)	range coding
Profondeur	8 bits	8 bits	8/10/12 bits, HDR
Transparence	non	oui	oui

Deux idées font la différence :

• La prédiction intra-image. Avant même de transformer un bloc, le codec essaie de le deviner à partir des blocs déjà décodés autour de lui, et ne code que l’erreur de prédiction. Sur une image réelle, cette erreur est souvent minuscule. JPEG, lui, code chaque bloc « à froid ».
• Un codage entropique plus efficace. Le codage arithmétique (WebP) et le range coding (AVIF) approchent la limite théorique de compression bien mieux que Huffman, gagnant encore quelques pour cent « gratuits ».

Résultat : à qualité visuelle égale, WebP gagne ~25-35 % sur le JPEG, et AVIF encore 20-30 % sur le WebP. Le revers, c’est le temps de calcul : explorer toutes ces prédictions rend l’encodage AVIF 10 à 50 fois plus lent qu’un JPEG. C’est tout le débat développé dans AVIF vs WebP : le format vaut-il le coup ?.

Vous pouvez comparer les trois sur vos propres images avec nos outils WebP et AVIF, le tout exécuté localement dans votre navigateur.

Ce qu’il faut retenir, concrètement

• La luminance compte plus que la couleur : c’est le fondement de tous les formats avec perte.
• Le curseur qualité ne change qu’une chose : l’agressivité de la quantification. 75-85 est presque toujours le bon compromis sur une photo.
• Les contours nets (texte, logos, captures) détestent la compression avec perte : préférez PNG, ou WebP/AVIF en mode sans perte.
• Les dégradés et photos adorent la compression avec perte : WebP ou AVIF y sont imbattables.
• La compression avec perte est destructive et cumulative : ré-enregistrer plusieurs fois un JPEG dégrade à chaque passage. Repartez toujours de l’original.

Pour aller plus loin sur le choix du format selon votre cas d’usage, consultez notre comparatif JPG / PNG / WebP / AVIF. Et pour mettre tout ça en pratique, le compresseur d’images applique ces réglages directement dans votre navigateur, sans envoyer un seul fichier sur Internet.