Différences de couleur entre les images et le html

Question

Je rencontre des problèmes avec les couleurs d'arrière-plan css de correspondance des couleurs avec des couleurs dans les images sur la même page html. Ce qui donne?

Answer 1

Je devine que vous utilisez une image PNG? Ceci est une "fonction" de correction gamma. Mark Ransom a publié un useful text à ce sujet.

Notez que la solution pngcrush indiquée quelque part n'a pas fonctionné pour moi.

Answer 2

Trois possibilités viennent à l'esprit:

• vérifier que votre profondeur de couleur de l'écran est réglé sur 32 bits ou 24 bits, et non 16 bits
• vérifier que l'image ne soit pas attribué une palette (comme la palette web-safe). Cela peut être le cas pour une image .gif ou .png 8 bits.
• vérification pour .png problèmes de correction gamma dans IE - voir d'autres postes pour plus de détails

Une solution que je l'ai utilisé dans le passé lointain est de définir la couleur d'arrière-plan en répétant une petite image, au lieu de le mettre dans le HTML. Ce genre de truc était utile à l'époque des palettes web-safe et ainsi de suite, mais moins utile maintenant.

Answer 3

Probablement le navigateur de votre test, j'ai eu beaucoup de mal à-dire 6.

Answer 4

Il peut s'agir d'un problème de profil de couleur. Par exemple, si l'image est au format JPEG et possède un profil de couleur et que votre navigateur ne prend pas en charge l'affichage des images dans les profils de couleur spécifiés, les couleurs de l'image s'afficheront différemment dans votre navigateur. Dans ce cas, si vous avez coché la couleur de l'image dans Photoshop (profil de couleur), puis appliqué cette couleur dans votre CSS et visualisé la page dans un navigateur qui n'est pas conscient du profil de couleur, il semblerait différent.

Answer 5

Quel programme d'édition d'images utilisez-vous? J'ai trouvé this article about Photoshop color profiles. Il peut également y avoir des problèmes avec PNG gamma correction.

Answer 6

Peut être due au navigateur colour management.