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 |
---|---|---|
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 |
---|---|---|
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 |
---|---|---|
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 |
---|---|---|
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.