この画像の色がブラウザ間で矛盾しているのはなぜですか？

Question

http://www.everymeadows.com/には、ヘッダーバナー「Every Meadows on Sunset Lake」の背景色が隣接するライトオレンジの背景と一致する必要があります。

Google Chrome for OS Xでは、背景が完全に一致しています。 OS XのSafariとFirefoxでは、イメージのオレンジ色がCSSの背景よりも目立つほど暗いです。

この不一致の原因は何ですか？

Answer 1

色差がカラープロファイルによるものです。いくつかのブラウザは、カラープロファイルを持つ画像をサポートしていますが、他のブラウザはサポートしていません。

everymeadowsの画像は、「Calibrated RGB Colorspace」として保存されている可能性があります。これは、Photoshopで名前を付けて保存を選択するとデフォルトになります。 （イメージのプロファイル名を表示するには、OSXのファイル情報 - >詳細を参照してください）。

PhotoshopでWeb用に保存すると、Web対応のsRGBプロファイルが自動的に適用されます。それ以降、色の問題はもうないはずです。