Exemple : utilisation du format d'image correct

Exemple 1 : images photographiques

Les photos et les images obtenues à partir de sources analogiques ont tendance a comporter un nombre important de couleurs, des variations chromatiques s'étendant sur de vastes zones ainsi qu'une quantité de bruit aléatoire. Ces images sont mieux compressées au format JPEG, lequel a été spécialement conçu à cet effet.

Nous avons redimensionné une photo comprenant de nombreux détails à 200x150 pixels avant de l'enregistrer sous trois formats pris en charge par de nombreux navigateurs (PNG, JPEG et GIF) à l'aide de GIMP. Le niveau de compression utilisé était maximal pour le format PNG et de 60 % pour le format JPG, tandis que le niveau par défaut fut utilisé pour le format GIF.

PNG JPEG GIF
Photo de tortues enregistrée au format PNG et apparaissant comme identique aux photos JPEG et GIF Photo de tortues enregistrée au format JPEG et apparaissant comme identique aux photos PNG et GIF Photo de tortues enregistrée au format GIF et apparaissant comme identique aux photos PNG et JPEG

Taille

La différence de taille entre l'image de meilleure qualité et l'image de faible qualité correspond à un facteur de cinq, soit une durée de téléchargement de 22 secondes supplémentaires à 20 Kbits/s.

PNG JPEG GIF
69 Ko (28 s à 20 Kbits/s) 7,5 Ko (3,0 s) 31 Ko (13 s)

Gros plan

Si vous examinez attentivement la pierre qui se trouve dans le coin inférieur gauche, vous pourrez constater que sa surface est plus floue avec le format JPEG qu'avec les autres formats. Notez toutefois que cette différence reste difficile à discerner à l'œil nu.

PNG JPEG GIF
Le gros plan de l'image PNG est moins flou Le gros plan de l'image JPEG est plus flou Le gros plan de l'image GIF est moins flou

Exemple 2 : dessins et images générées

Les images générées de façon électronique ont tendance à contenir de nombreux blocs de même couleur, à utiliser une palette de couleurs moins développée et à contenir peu de bruit. Ces images sont mieux compressées aux formats PNG et GIF.

La principale différence technique entre les images PNG et GIF est que le format PNG prend en charge une profondeur de couleurs plus élevée (jusqu'à 24 bits par pixel) ainsi que l'ensemble des canaux alpha. Le format GIF ne prend en charge que 8 bits par pixel et permet uniquement d'activer ou de désactiver la transparence. Les images PNG de haute qualité sont généralement plus volumineuses que les images GIF.

A titre d'exemple, nous avons exporté une image vectorielle représentant un tigre (image fournie avec le pack de graphismes vectoriels de Inkscape) à 154x158 pixels sous trois formats. Les paramètres de qualité décrits ci-dessus furent également utilisés dans cet exemple.

PNG JPEG GIF
Image de tigre au format PNG : niveau de qualité optimal Image de tigre au format JPEG : du bruit est présent Image de tigre au format GIF : lissage moindre des couleurs

Taille

PNG JPEG GIF
33,6 Ko (13,8 s à 20 Kbits/s) 8,5 Ko (3,4 s) 11,2 Ko (4,6 s)

Dans ce cas, le format GIF se montre plus approprié en terme de compression et de qualité. Bien que la taille du fichier JPEG soit pratiquement identique à celle du fichier du dessus, son image associée est entièrement différente. Cela se produit souvent avec les fichiers JPEG de qualité et de taille similaires : aucune différence n'est perceptible à l'œil nu. En revanche, la taille des fichiers GIF et PNG se révèle beaucoup plus importante selon le contenu de l'image.

Gros plan

PNG JPEG GIF
L'oreille de tigre au format PNG présente un niveau de qualité optimal L'oreille de tigre au format JPEG présente du bruit L'oreille de tigre au format GIF présente un lissage moindre des couleurs

Un zoom sur l'image JPEG révèle des ombres grises au niveau des contours de l'image (particulièrement autour de l'oreille) ainsi qu'un manque global de netteté. D'autre part, l'image JPEG ne présente aucune transparence, ce qui signifie qu'elle ne pourrait être utilisée sur un arrière-plan de couleur.

L'image GIF présente un lissage moindre des couleurs (tramage aléatoire) et, bien que cela ne soit pas visible dans l'image ci-dessus, elle présente un contour de transparence prononcé, ce qui signifie qu'elle ne pourrait être utilisée sur des arrière-plans sombres.

L'image PNG présente un niveau de qualité acceptable et peut être utilisée sur tous types d'arrière-plan mais sa taille est trois fois plus importante que celle des deux autres formats.