color

埋め込まれたカラープロファイルに対して正常に再現できるのは現在Safariだけ。（Win版SafariもOK）
Firefox3も暫定的な対応で、完全じゃないようで、結果、カラープロファイルが埋め込まれた画像を使用していると、完全対応しているSafariで見た時とそれ以外の未対応のブラウザで確認したときで、表示される色に違いがでてくる。
Web制作には今のところ、カラープロファイルを埋め込まないでおくほうが得策。

そんなわけで、今まではPhotoshopなら構成設定でモニタRGBを選んだりして、書き出し後の色味をあらかじめ再現した環境で作業をしてた。

でも、鮮やかなはずの色が褪せちゃうのはちょっとなんか損してる気分。そういう鮮やかな色を求めている時はなおさら。

だもんで最近は色々調べて、画像を書き出すときに、プロファイルを変換して書き出す、という術を覚えた。

変換後はJPEG保存する場合、念のためカラープロファイルを埋め込まずに書き出し。

これで、Safariでしか再現されなかった鮮やかな色も全ての環境でばっちり再現。

長い間Photoshop使ってたけど、気付いてなかったこの機能。
さがしてみたら、Gimpにも同様の機能を発見。

参考リンク

• ブラウザにより表示される色が変わる話 – 偽デジタル写真屋日報@はてな
• Spirits of the Air: ウェブブラウザのカラーマネジメント（１）
• Macのブラウザで、写真の正しい色合いを表示するためのカラープロファイル設定：Goodpic
• 写真道：プロファイル非対応アプリでの画像利用
• Photoshop Tips – Adobe RGB をキレイに JPEG 化するには – by StudioGraphics
• Repy’s side – カラープロファイル対応実験

自分用の覚え書き。

1. about:configにアクセス
2. gfx.color_management.enabledをtureに。
3. gfx.color_management.display_profileの値にsRGBのカラープロファイルのフルパスを設定。
   自分は/Library/Application Support/Adobe/Color/Profiles/Recommended/sRGB Color Space Profile.icmを設定。

あとは、カラーマネージメントのチェックサイトを見てみて、
さらにカラーマネージメントされていない画像の色がSafariで見た場合と一緒なら成功。

追伸：
Firefox3 bata1にFirebugを入れたい場合はこちらを参照
Firebug1.1にするとFirefox3(Gran Paradiso)でFirebugが使える

追記（07/12/12）

上記設定をしても、Safariと違う色味になる画像がありました。
仕事の画像なので、お見せする事はできないですけど。。。
どうやら、Gran Paradiso（次期 Firefox 3）最近の話題 – えむもじらあたりを見ると、gfx.color_management.display_profileでカラープロファイルを指定しても、暫定的（というか無難？）な結果しか得られないようで、やはり、Safariと同じ結果というのは難しいようです。。。

暫定的にはやっぱ画像にプロファイル埋め込むのはよした方がいいと。そういうこと？