下の画像をご覧ください。(サイトが特定できそうな箇所は隠してあります。)
http://web-glass.com/test/08_spring/mac.jpg
あるサイトを製作したのですが、windowsのsafariや他の主要ブラウザでは、下記のように表示されます。(こちらが意図したものです。)
http://web-glass.com/test/08_spring/win.jpg
このような現象はmacのsafariだけで、全てうすいグリーンのカラー(#c1e3d7)のはずなのですが・・・
製作環境は
・上記のmacの画像の濃く見えるグリーンはphotoshopCS3でjpg保存。
htmlでは、cssでbackgroundに配置しています。
・外側のうすく見えるグリーンは、htmlのbodyのbackground-color:#c1e3d7にしています。
・白い罫線の内側のうすく見えるグリーンは、flashCS3のドキュメントの背景色を#c1e3d7にしています。
カラー関係のことをネットで調べていますが、いまひとつわからず、自分の環境(windows、古いibook)では、この現象はおきていないので困っています。
回避策を教えてください。よろしくお願いいたします。
Safariだけが、JPEG画像に保存されたMac OSのカラープロファイルを読んでいるためだと思われます。
PhotoshopでJPEG画像を保存するときに「カラープロファイルの埋め込み」チェックをオフにし、その新しいデータで確認してみてください(キャッシュからリロードしないように注意しつつ)。
http://photolifewsd10.nobody.jp/resize-test/color-profile.html
ありがとうございます。
やってみます。