Les couleurs sur les sites Web

Différence de couleur des PNG

Le problème est flagrant lorsqu'on mélange une image PNG et un fond de couleur (css). Il est provoqué par l'existence d'un profil de couleurs dans le fichier PNG. L'image PNG est interprétée suivant ce profil tandis que la couleur de fond est interprétée suivant le profil système de l'ordi sur lequel la page est affichée.

Le problème peut ne pas apparaître sous Windows et Linux mais sauter aux yeux sous Safari (Mac OS X). En effet, ce dernier interprète systématiquement les profils de couleurs.

La solution est de supprimer le profil de couleurs de l'image. Image et fond sont étant alors interprétés suivant le même profil. La commande suivante fait le travail :

$ pngcrush -rem gAMA -rem cHRM -rem iCCP -rem sRGB image_source.png image_destination.png