Le service numérique propose-t-il des images dont le niveau de compression est adapté au contenu et au contexte de visualisation ?
Version 2. Dernière mise à jour le
Objectif
Réduire le poids des images téléchargées par les utilisateurs en augmentant le niveau de compression (et donc en dégradant légèrement la qualité) ou/et en proposant des résolutions multiples.
Mise en œuvre
Lors de la génération d’une image matricielle, en mode compression avec perte (c’est le mode de compression du JPEG), la compression à une qualité de 70 % (JPEG), 72 % (WebP) ou 56 % (AVIF) peut être visuellement acceptable.
Tableau pour faire une conversion approximative de la qualité de compression (en %) entre JPEG, WebP et AVIF : (source industrialempathy.com)
JPEG :
- 50 (qualité faible)
- 60
- 70
- 80 (qualité élevée)
WebP (compression avec perte) :
- 55 (qualité faible)
- 64
- 72
- 82 (qualité élevée)
AVIF (compression avec perte) :
- 48 (qualité faible)
- 51
- 56
- 64 (qualité élevée)
Les formats de compression sans perte de la qualité de l’image (PNG, WebP en mode « compression sans perte », JPEG XL en mode « compression sans perte ») ne disposent pas de paramétrage de qualité, la compression ne dégradant pas la qualité de l’image. Il est toutefois possible de réduire significativement la taille en réduisant la palette de couleurs de l’image avant compression.
Des résolutions multiples peuvent être pertinentes, via les attributs « srcset » et « sizes », afin de s’adapter automatiquement à la résolution du terminal depuis lequel est consulté le site. Il faut toutefois faire attention que cela n’empêche pas le service d’adopter un « Responsive design ».
Moyen de test ou de contrôle
Évaluer la qualité et le poids des images matricielles affichées sur différents types de terminaux.
Pour le mode de compression avec perte, documenter dans la déclaration d’écoconception la politique de paramétrage de la qualité lors de la génération ou conversion des images.