Comparaison des formats : JPEG, PNG, WebP et AVIF
Quatre formats couvrent plus de 99 % des images sur le web moderne. Ils font des compromis très différents entre compression, transparence, animation et compatibilité. Voici un guide pratique pour choisir.
Comparaison côte à côte
Vue d'ensemble rapide ; l'analyse détaillée de chaque format suit.
| Propriété | JPEG ? | PNG ? | WebP ? | AVIF ? |
|---|---|---|---|---|
| Compression | Avec perte | Sans perte | Avec et sans perte | Avec et sans perte |
| Alpha (transparence) | Non | Oui (8 bits) | Oui (8 bits) | Oui (complet) |
| Animation | Non | APNG seulement | Oui | Oui |
| Profondeur max. | 8 bits | 16 bits | 8 bits | 10/12 bits |
| Taille typique vs JPEG (photos) | 100% | 300–1000% | 65–75% | 40–60% |
| Support navigateurs | Universel | Universel | Chrome 32, Firefox 65, Safari 14 | Chrome 85, Firefox 93, Safari 16 |
| Vitesse d'encodage typique | Rapide | Rapide | Moyenne | Lente |
JPEG — la base universelle
Fonctionnement
JPEG (Joint Photographic Experts Group) a été normalisé en 1992 et est le plus ancien des quatre. Il utilise une DCT avec perte sur des blocs 8×8, puis quantification et codage entropique. La qualité se règle par un nombre de 1 à 100. Les encodeurs modernes comme MozJPEG grappillent encore 10 à 20 % sans changer le bitstream, donc tout décodeur JPEG les lit.
Idéal pour
Contenu photographique avec dégradés doux et beaucoup de détail : portraits, paysages, produit, images hero.
Avantages
- Compatible avec quasiment tout lecteur d'images.
- Décodage accéléré matériellement presque partout.
- Écosystème mature d'optimiseurs (MozJPEG, jpegli).
Limites
- Pas de canal alpha : les fonds sont aplatis en opaque.
- Artefacts de blocs sur texte, traits et bords nets.
- 8 bits par canal seulement.
PNG — sans perte et transparent
Fonctionnement
PNG (Portable Network Graphics) est né au milieu des années 90 comme successeur libre du GIF. Il est strictement sans perte : compression DEFLATE sur filtres de pixels par ligne. Des optimiseurs comme oxipng (Rust) testent combinaisons filtre/compression pour la représentation minimale sans changer un seul pixel.
Idéal pour
UI, icônes, captures, diagrammes, traits, logos à aplats et tout ce qui exige un alpha fidèle.
Avantages
- Sans perte : les pixels reviennent intacts.
- Alpha 8 bits, jusqu'à 16 bits par canal.
- Support universel.
Limites
- Lourd sur les photos : souvent plusieurs fois plus que JPEG/WebP/AVIF.
- Pas d'animation dans la spec d'origine (APNG est une extension ultérieure).
WebP — le format web de Google
Fonctionnement
WebP (2010) s'appuie sur le codec vidéo VP8 et ajoute un mode sans perte séparé. Un seul conteneur avec compression avec ou sans perte, alpha et animation optionnels. Avec perte il bat en général le JPEG de 25 à 35 % à qualité similaire. Sans perte il bat en général le PNG de 20 à 30 %.
Idéal pour
Diffusion web générale quand l'AVIF n'est pas encore sûr sur la cible : photos, sprites avec transparence, remplacement de GIF animé et couche de repli sous l'AVIF.
Avantages
- Un format pour photos, graphismes, alpha et animation.
- Nettement plus léger que JPEG et PNG à qualité comparable.
- Large support : navigateurs à jour depuis 2020.
Limites
- 8 bits par canal : pas de HDR.
- Sur certains appareils modestes, décodage plus lent que JPEG.
AVIF — leader en compression
Fonctionnement
AVIF (AV1 Image File Format) est un profil image fixe du codec vidéo AV1
(2019, Alliance for Open Media). Jusqu'à
12 bits, alpha complet, HDR, grande gamme et grain. L'encodeur
de référence (aom-av1 via libavif) est lent mais
offre aujourd'hui la meilleure compression sur photos réelles.
Idéal pour
Images hero, galeries et partout où la bande passante prime sur le CPU. Bonne couche supérieure dans
<picture>.
Avantages
- Compression de référence : souvent 40 à 60 % plus léger que le JPEG.
- Alpha, animation, HDR, grande gamme et 10/12 bits.
- Sans redevance et ouvert.
Limites
- Encodage lent : prévoir build ou encodage asynchrone.
- Safari ne l'a ajouté qu'en version 16 (2022).
- Moins adapté aux graphismes synthétiques que WebP sans perte ou PNG.
Quel format utiliser ?
- Photos et images pleine largeur : AVIF d'abord, WebP et JPEG en repli via
<picture>. - UI avec transparence (icônes, logos) : PNG pour l'héritage, WebP sans perte pour le poids.
- Traits, captures, diagrammes : PNG (ou WebP sans perte) ; JPEG/AVIF pénalisent les bords durs.
- Remplacer les GIF animés : WebP ou AVIF, beaucoup plus légers avec un vrai alpha.
- Un seul format partout, aujourd'hui : JPEG pour les photos, PNG pour le graphisme. Pas le minimum de poids, mais zéro dette de compatibilité.
En pratique vous n'êtes pas obligé d'en choisir un seul. Servez AVIF, puis WebP puis
JPEG ou PNG dans un
<picture> : chaque navigateur prend la version la plus légère qu'il sait décoder.
Questions fréquentes
Comment convertir un JPG en WebP ?
Ouvrez PicBrewery, déposez le JPG dans la zone : le WebP est généré automatiquement avec JPEG, PNG et AVIF. Choisissez la tuile WebP et l'icône de téléchargement. Tout se passe dans le navigateur ; le fichier n'est pas envoyé.
Comment convertir un PNG en AVIF ?
Déposez le PNG dans PicBrewery. Le réencodage en JPEG, WebP et AVIF tourne en parallèle dans des Web Workers. Utilisez la colonne AVIF pour télécharger, ou plusieurs lignes en ZIP avec la variante la plus légère par source.
L'AVIF est-il meilleur que le WebP ?
Sur les photos, l'AVIF est souvent 20 à 30 % plus léger que le WebP à qualité perçue proche, grâce à AV1. Le WebP gagne en vitesse d'encodage et en compatibilité sur vieux appareils ; ils se complètent.
Safari prend-il en charge le WebP ?
Oui, depuis la version 14 (macOS Big Sur, iOS 14, 2020). Les versions actuelles décodent WebP avec et sans perte.
Le PNG est-il toujours sans perte ?
Oui. La DEFLATE du PNG est strictement sans perte : les pixels décodés sont identiques à la source. Le gain vient des filtres et du réglage DEFLATE (ex. oxipng), jamais de la suppression de données image.
Le JPEG peut-il avoir de la transparence ?
Non. Le JPEG classique n'a pas d'alpha. Pour la transparence : PNG, WebP ou AVIF. JPEG XL ajoute l'alpha, mais le support navigateur n'est pas universel.
Combien l'AVIF est-il plus léger que le JPEG ?
Avec un encodeur AVIF moderne (aom / libavif), les photos sont en général 40 à 60 % sous MozJPEG à qualité similaire. Sur graphismes simples, le gain est moindre.
Mon navigateur décodera-t-il l'AVIF ?
Chrome 85+, Firefox 93+, Edge 121+, Safari 16+. Pour une diffusion
large, <picture> avec repli WebP ou JPEG.
PicBrewery est-il vraiment côté client ?
Oui. Décodage et réencodage en WebAssembly dans des Web Workers sur votre machine. Aucun octet d'image envoyé : seuls l'app statique et les codecs sont chargés.
Conversions entre formats
Vous cherchez une conversion précise ? Choisissez une paire : chaque page contient des étapes, le gain attendu et une FAQ dédiée.
Essayez sur vos images
Déposez un lot de JPG dans PicBrewery et comparez WebP et AVIF sur la même ligne. Rien n'est téléversé.