Les JPEG progressifs : introduction

Le format d’image le plus employé sur la toile est le JPEG. Près de 71,4 % des sites Internet renferment des photos et des graphiques dans ce format. Le JPEG est à vrai dire le terme générique désignant un standard de compression d’image. Ce standard comprend également le format PJPEG qu’on appelle aussi le JPEG progressif. Les JPEG progressifs compriment les photos et les graphismes d’une manière particulière, permettant cependant aux navigateurs de les traiter comme des fichiers JPEG ordinaires.

Le JPEG désigne une norme de compression d’images conçue en 1992. Cette norme comprend plusieurs méthodes de compression. L’abréviation JPEG désigne l’expression « Joint Photographic Expert Group », c’est-à-dire le groupe qui est à l’origine de la conception de ce standard. Le format JPEG est celui que l’on rencontre principalement sur Internet. On utilise les fichiers JPEG en raison de leur très grande efficacité pour présenter des graphiques complexes, avec une grande profondeur de couleurs. Ce format est donc aussi utilisé pour les photos. On rencontre de grandes différences au sein même de cette norme dans la manière de comprimer les fichiers. Tout dépendra des paramètres d’exportation que vous enregistrez dans le logiciel de traitement d’image.

Lors d’une compression, le volume de fichiers (par exemple des images) est réduit. Vous économisez ainsi de l’espace de stockage et réduisez les délais de transfert et de téléchargement. Réduire le temps de transfert signifie concrètement que l’image s’affichera plus vite sur le site. La réduction de la taille d’un fichier se fait généralement au détriment du contenu qu’il faut donc réduire d’une manière ou d’une autre. Quand on comprime des images et des graphiques, on doit être attentif à ne pas exagérer au point de détruire la qualité de l’image. Si on comprime à l’excès, l’image sera certes affichée plus rapidement, mais sa qualité sera peu convaincante.

Parmi les variantes de la compression d’images JPEG, vous avez le JPEG progressif qu’on appelle aussi le PJPEG. Les PJPEG sont aussi élaborés au moyen d’un algorithme de compression, mais leur lecture au niveau du navigateur Internet se fait autrement. Les PJPEG se lisent avec tous les navigateurs récents y compris Chrome, Firefox et Internet Explorer, à partir de la version 9. Les versions précédentes d’Internet Explorer ont de sérieux problèmes à afficher les JPEG progressifs. Mais puisque les utilisateurs d’Internet Explorer 8 ne représentent plus que 0,4% des internautes au niveau mondial, le problème est quasiment insignifiant. Si un navigateur n’est pas compatible avec le format JPEG progressif, il charge les images comme s’il s’agissait de JPEG ordinaires. Quelles sont en fait les différences entre ces deux formats ?

L’essentiel de la différenceentre les JPEG et les PJPEG réside dans la manière dont l’image sera chargée. Alors que les fichiers JPEG Baseline (aussi appelés JPEG « normaux ») affichent les images ligne par ligne du haut vers le bas, les JPEG progressifs fonctionnent autrement. Pour les PJPEG, toute l’image est affichée immédiatement, puis affinée pixel par pixel. On a au départ une image pixelisée, un peu floue, qui gagne progressivement en netteté. Tandis qu’un codage JPEG baseline provoque une ouverture de l’image du haut vers le bas, celle d’un fichier PJPEG se fait en quelque sorte de l’arrière vers l’avant.

Ce procédé aura un effet positif sur l’expérience utilisateur, c’est-à-dire la manière dont l’internaute va percevoir le site. On a l’impression que la page s’affiche plus vite, car elle ne présente aucun espace blanc (« Whitespace ») sur le plan visuel. Les images ci-dessous illustrent la manière dont les JPEG et les PJEPG sont chargées au sein d’une page. Pour les JPEG de type baseline, les pixels sont affichés ligne par ligne, du haut vers le bas :

Les images au format PJPEG sont quant à elles affichées de l’arrière vers l’avant. L’image devient de ce fait progressivement plus nette, car le nombre de pixels augmente au fur et à mesure qu’elle est chargée.

Le fait que l’image s’affiche intégralement, bien qu’un peu floue, est un élément apprécié par un bon nombre d’internautes. Les fichiers PJPEG présentent cependant quelques inconvénients.

Vous pouvez alors intégrer ces fichiers directement dans vos pages Internet. Si votre navigateur accepte ce format, la photo ou le graphique sera chargé en tant que JPEG progressif.