Le PNG c'est bon, mangez-en !

Billet

Le brevet sur le format GIF vient juste d'expirer et l'on peut voir sur le web des articles prédisant un retour en force de ce format au détriment du PNG. Quelle erreur !

Le format GIF est un vieux format, c'est donc un format très limité contrairement au PNG, de conception beaucoup plus moderne. Pourquoi utiliser GIF quand le PNG offre les avantages suivants :

  1. Une taille de fichier quasi systématiquement inférieure (en général 20 à 30%)
  2. Un mode de niveau de gris qui divise par deux le poids des images (GIF simule ce mode avec une palette grise)
  3. Un mode d'affichage progressif bi-directionnel

Je ne parle pas là des formats 16/24/32 bits de PNG mais du simple format PNG 8 bits. Le seul cas où le GIF est plus économique est lorsque l'image est extrèmement petite (moins de 200 octets) car l'entête des images PNG est un peu plus gros. Dans tous les autres cas, images transparentes ou non, monochromes, niveaux de gris ou 256 couleurs, le PNG donne toujours des images plus légères. Bien entendu, il est parfaitement supporté par tous les navigateurs.

Mais ce n'est pas le seul avantage du PNG, car comme je l'ai déjà dit, je n'ai parlé que de la version 8 bits (moins de 256 couleurs) du PNG. Le format PNG n'est pas limité à si peu de couleurs, il sait parfaitement stocker des millions de couleurs (comme le Jpeg mais sans compression destructrice de l'information). Il est même particulièrement efficace pour les petites images avec des dégradés qu'on utilise si souvent comme décoration de fond d'écran ou de bloc de texte. En fait il éclate allègrement tant le GIF que le JPEG en divisant sur certains types d'images le poids par 10 ou 20. Un exemple sur Newtedge où l'image passe de 21Ko en GIF à... 500 octets en PNG 24 bits.

Pourquoi est-il donc si peu utilisé sur le web ? Plusieurs raisons à cela.

  1. La plupart des développeurs pensent qu'IE pour Windows ne le gère pas et s'abstiennent donc de l'utiliser. C'est une grossière erreur car ce que ne supporte pas IE, ce sont les fonctions avancées de PNG (niveaux de transparence et correction gamma), le reste est très bien géré.
  2. Les graphistes pensent que le PNG est plus lourd que le GIF car ils utilisent tous Photoshop qui gère lamentablement le format PNG et produit des fichiers d'une lourdeur incroyable (à mon avis, vu les liens d'Adobe avec Unisys qui détenait le brevet Gif, c'est du sabotage pour favoriser le format du copain ;-). A cela une solution : SuperPNG, le plugin gratuit pour Photoshop Mac/Win qui remplace le plugin pourri fourni par Adobe.
  3. Les graphistes ne se rendent pas compte que le PNG existe en 8/16/24 bits et sauvent leurs images qui contient 12 couleurs en 24 bits !! Effectivement, là c'est plus lourd mais c'est inutile. La faute en revient aussi partiellement à Photoshop qui n'affiche pas clairement s'il enregistre en 8 ou 24 bits.

Comme dirait Tristan, le PNG, c'est bon, mangez-en !

Commentaires

1. Le jeudi 22 juillet 2004, 11:05 par ginkyo

Bonjour et merci pour l'article.
Serais tu intéressé par compléter l'article PNG de wikipédia l'encyclopédie libre ?
fr.wikipedia.org/wiki/PNG
OU si tu n'as pas le temps, autorise la diffusion de ton article sur licence GNU/GFDL et zou je m'en occupe en précisant l'auteur original (donc toi)
A plus

Sinon si vous voulez ajouter des metadas (commentaires ..) simplement : sourceforge.net/projects/...
Un bonne âme pour améliorer le greffons png de gimp ?

2. Le dimanche 12 décembre 2004, 17:57 par Gatan

Bonjour,
je découve ton blog en cherchant à résoudre un problème de Gamma sur un PNG.
Je découvre donc ton blog et ce billet qui me semble intéressant.

Cependant juste une petite erreur, je pense que tu as confondu le canal Alpha avec le Gamma…

Le Gamma existe mais ne concerne que la colorimétrie d’une image et non les couches de transparence de cette image.

Effectivement l’alpha n’est pas pris en charge correctement par IE, mais le Gamma non plus à ce qu’il me semble.

Voilà j’arrête t’embéter mon monde.

3. Le dimanche 12 décembre 2004, 19:56 par pascal

Tu as presque raison :) c'est "correction gamma" que je voulais mettre, l'erreur de mot était sur canal et pas sur gamma donc ;)

Merci

4. Le lundi 30 janvier 2006, 04:30 par Dupngenvoulezvousenvoila

thepiratebay.org/details....
(IMG)ICONBASE.COM ICON-PNG STOCK FREE 128x128 / 16x16