Commentaires sur : Le point sur les formats d’images (JPG, GIF et PNG)

Par : Florent V.

Florent V. — Mon, 08 Sep 2008 03:32:03 +0000

Au sujet des erreurs sur les couleurs avec le PNG-24, ce ne sont pas vraiment des erreurs (ni de la part des éditeurs d’images, ni de la part des navigateurs), mais plutôt quelques subtilités pas toujours bien prises en compte. Il y en a deux:

L’enregistrement d’une correction Gamma au sein du fichier PNG (option proposée par certains logiciels). Pas bien compris à quoi ça pouvait servir, mais en général ça n’est pas utilisé ou activé par défaut par les éditeurs d’images.
L’enregistrement d’un profil colorimétrique au sein du fichier PNG. Dans l’idée, c’est intéressant, mais dans la pratique ça pose des problèmes de cohérence entre couleurs PNG et couleurs CSS. On peut notamment constater ces problèmes de couleurs théoriquement identiques (même code hexadécimal) mais en pratique différentes (car gérées avec des corrections colorimétriques différentes) avec Safari sous Mac (pas sous Windows). Le problème de cette deuxième information de couleur, c’est que la plupart des éditeurs d’images l’enregistrent dans le fichier PNG… sans forcément proposer un autre fonctionnement.

On peut en apprendre plus en lisant l’article suivant: http://hsivonen.iki.fi/png-gamma/

La solution est donc de retirer ces informations de couleur, et en passant on pourra en profiter pour compresser à fond le PNG (sans perte de qualité) avec un logiciel comme PNG Optimizer, effectivement.

Pour les alternatives à PNG Optimizer, on peut citer:

PNGCrush: http://pmt.sourceforge.net/pngcrush/ Utilitaire en ligne de commande pour systèmes Unix/Linux. Je l’utilise pour ma part sous Ubuntu. Pour plus d’efficacité et de convivialité, j’ai créé des raccourcis pour Nautilus (environnement de bureau Gnome, nécessite le plugin Nautilus-actions): http://www.grumz.net/?q=node/320

Il y a également pngout.exe et pngout-darwin qui peuvent être intéressants, mais je ne leur connais pas d’interface graphique gratuite. Si je trouve le temps et le courage, je tenterai peut-être quelque chose pour mac intel.

Plus de précisions ici: http://pierre.equoy.free.fr/blog/index.php?post/2008/07/08/png-gamma-et-safari-attention&pub=1#c996

Par : STPo

STPo — Mon, 26 May 2008 11:11:02 +0000

Le problème, c'est surtout de devoir utiliser le filter. Ce qui signifie impossibilité de jouer sur le positionnement du background (quand l'image est en background), sur la répétition de l'image (toujours en background). Plus tous les effets de bord merdeux complètement aléatoires et incontrôlables, et la charge d'exé du script. Vivement qu'IE6 soit à la poubelle, tant qu'à faire on pourra utiliser le min-height / min-width et les position:fixed sereinement aussi...

Par : Yves

Yves — Sun, 25 May 2008 17:23:56 +0000

Moui, aujourd'hui le seul problème sont les effets secondaires engendré par le filter quand on veut l'utiliser en remplacement de background.

I'm working on it ;)

Par : Shemu

Shemu — Sun, 25 May 2008 10:22:13 +0000

Rien ne vaut un belle image BMP renommée en ICO par un développeur Java ! :p Plus sérieusement, le jour où nous seront débarrassés d'IE6, ce sera une libération pour tous de pouvoir utiliser les PNG.

Par : Vincent

Vincent — Sat, 24 May 2008 19:48:09 +0000

Avec certaines couleurs, le rendu sous IE6 de celles-ci au sein d'un PNG 8 bit est légèrement diffèrent d'une couleur de fond passée en hexadécimal par exemple.

D'après mes recherches (suite à ton commentaire), il s'agit d'un bug non pas de Photoshop mais de IE (décidément).

Plus d'infos sur ce fameux bug gAMA en suivant les liens de ce billet.

Par : katsoura

katsoura — Sat, 24 May 2008 19:22:08 +0000

« il corrige également des erreurs couleurs faites par la plupart des logiciels (dont Photoshop) » Quelles sont les erreurs ?

Par : Vincent

Vincent — Sat, 24 May 2008 18:14:29 +0000

Viens pas embrouiller tout au dernier moment voyons !

Plus sérieusement, j’apprends des trucs, merci pour les liens.

Par : Yves

Yves — Sat, 24 May 2008 18:00:37 +0000

Haaa les PNG 😀 Je suis globalement d’accord avec tout ce que tu viens d’affirmer, sauf :

Le format PNG 8 gère également la couche PNG alpha (exportable avec Fireworks), beaucoup d’articles en traitent : http://www.personal.psu.edu/drs18/…/png8_alpha_transparency_from_f.html, http://www.libpng.org/pub/png/pngintro.html
Le format PNG peu également être animé : http://animatedpng.com/ (d’ailleurs supporté par Firefox 3, Opera,…)
IE est capable de gérer les PNG dans l’espace de nom VML.

Une petite comparaison des supports d’images dans les navigateurs : http://en.wikipedia.org/wiki/Comparison_of_layout_engines_graphics

Et puis une petite promo pour ma bibliothèque javascript PNGHack : http://png-hack.googlecode.com 😉