Différences de couleur entre les images et html

Question

Je rencontre des problèmes de correspondance des couleurs entre les couleurs d'arrière-plan css et les couleurs des images sur la même page html. Qu'est-ce qui donne?

Answer 1

Je suppose que vous utilisez une image PNG? Ceci est une «fonctionnalité» de correction gamma. Mark Ransom a publié un texte utile à propos de ceci.

Notez que la solution pngcrush indiquée quelque part ne fonctionne pas pour moi.

Answer 2

Quel programme d’édition d’images utilisez-vous? J'ai trouvé cet article sur les profils de couleur Photoshop . Il peut également y avoir des problèmes avec la correction du gamma PNG .

Answer 3

Peut être dû à la gestion des couleurs du navigateur.

Answer 4

Il peut s'agir d'un problème de profil de couleur.

Par exemple, si l’image est au format JPEG et a un profil de couleur et que votre navigateur ne prend pas en charge l’affichage des images dans les profils de couleur qu’ils spécifient, les couleurs de l’image elle-même seront rendues différemment dans votre navigateur. Dans cette situation, si vous vérifiiez la couleur de l'image dans Photoshop (prise en compte du profil de couleur), puis appliquiez cette couleur dans votre code CSS et visualisiez la page dans un navigateur ne prenant pas en compte le profil de couleur, l'apparence serait différente.

Answer 5

Trois possibilités me viennent à l’esprit:

• vérifiez que la profondeur de couleur de votre moniteur est définie sur 32 ou 24 bits et non sur 16 bits
• vérifiez que l'image n'est pas affectée à une palette (telle que la palette Web). Cela pourrait être le cas pour une image .gif ou 8 bits .png.
• recherchez les problèmes de correction gamma .png dans IE - voir les autres articles pour plus de détails

Une solution de contournement que j'ai utilisée dans un passé lointain consiste à définir la couleur d'arrière-plan en répétant une petite image au lieu de la définir dans le code HTML. Ce genre d’astuce était utile à l’époque des palettes Web-safe, etc., mais moins utile maintenant.

Answer 6

Probablement le navigateur que vous testez, j'ai eu beaucoup de problèmes avec, par exemple, 6.