Pourquoi ma couleur d'image ne correspond-elle pas à la couleur d'arrière-plan dans FireFox?

Question

Je pense que je pourrais faire quelque chose de mal dans photoshop. J'essaye de créer une bannière pour mon site Web.

J'ai créé une nouvelle image dans Photoshop, puis rempli l'arrière-plan avec une couleur que je pris # E06205

J'ai sauvé alors l'image en format JPEG.

Sur ma page Web, j'ai créé un div et lui a donné une couleur de fond background-color: # E05206; Lorsque j'ouvre la page dans Safari et Chrome, c'est magnifique. Correspond parfaitement.

Cependant, lorsque j'ouvre la page dans FireFox, les couleurs ne correspondent pas. Je ne peux pas comprendre pourquoi c'est.

D'ailleurs, cela est certainement un problème avec l'image que je crée. Lorsque je compare la même image côte à côte, Firefox me donne la «mauvaise» couleur

Answer 1

Votre problème est dans le profil de couleur que vous utilisez pour l'image. Assurez-vous que lorsque vous enregistrez l'image que vous utilisez Enregistrer pour le Web & Devices ...

Pour en savoir plus si vous voulez vous pouvez voyager sur ce site: http://css-tricks.com/color-rendering-difference-firefox-vs-safari/

Answer 2

Vous devez enregistrer vos images avec « Enregistrer pour le Web & Périphériques "option du menu" Fichier "dans Photoshop. Vous pouvez obtenir de nombreuses options et types d'images dans cette option selon vos besoins.