背景色の変更firefox/chrome

Chromeでウェブサイトをテストするときから非常に奇妙なことがあります。背景色の変更firefox/chrome

CSSはまったく同じですが、異なるように見えます。さらに、同じモニターでテストされます。あなたはこのの背景色、クローム印刷画面から、私はナイフ/フォークのために使用していた背景画像を見ることができる

Firefoxの

Firefox

クローム

enter image description here

変化する画像。

出典

2011-09-26 John Magnolia

FirefoxがChromeスクリーンショットのように表示しています - 背景色が変更されました。 __EDIT：__ 2つをPhotoshopにコピーすると、同様に表示されます。 __EDIT 2：__興味深い..それはfirefoxから直接コピーした後にのみそうする。イメージをダウンロードしてコピーした場合、同じ背景色になります... – Nightfirecat

背景画像にはhttp://www.cater-shawrecruitment.co.uk/webapp/templates/default/images/bgpage.jpgが埋め込まれたカラープロファイルを持っています。さまざまなブラウザで異なる解釈が行われます。埋め込まれたカラープロファイルなしでイメージを再レンダリングする必要があります。

これはおそらく、Photoshopを使用して「ウェブ用に保存」ではなく「保存」するだけで発生します。

出典

2011-09-26 09:58:59 graphicdivine

あなたの画像にはカラープロファイルが適用されているため、ChromeとFirefoxではこれらの2つの前者のみが実際に尊重される可能性があります。 Chris Coiyer's article on web color profilesのOFF読み出し、あなたは次のように実行して問題を解決することができます

をあなた「名前を付けて保存...」場合は、ファイルメニューから、あなたが一緒にあなたのカラープロファイルを保存する機会を持つことになります画像と一緒に。「ウェブ用に保存&デバイス...」と指定すると、「sRGB」（ウェブ用に最適）のカラープロファイルが自動的に適用されます（とにかくCS3）。

出典

2011-09-26 09:59:20 Nightfirecat

これはcolorprofilesと関係があります。

これは役立つかもしれない - Image color differences in different browsers. (Firefox, Chrome, IE)

この

http://code.google.com/p/chromium/issues/detail?id=143

をフォトショップ（CMDの+シフト+ k）の中で、あなたのcolorprofilesをチェックして、イメージを再作成してみてください。うまくいくはずです。

出典

2011-09-26 10:07:10

画像をpngに変更すると、同じ色になります。理由は@Nightfirecatと@graphicdivineの答えにあります。

出典

2011-09-26 10:07:12 petermolnar