20080127

Web制作では、画像のカラープロファイルをはモニタプロファイルに変換してから書き出す

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

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

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

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

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

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

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

参考リンク

Response

  1. cyoki - flashに画像を読みむと色が白っぽくなる。

    [...] Web制作では、画像のカラープロファイルをはモニタプロファイルに変換してから書き出す - nibushibu.com/genki. [...]

  2. サキ

    はじめまして!また遊びに来ますね。

  3. Genki

    あ、どうも。
    でもなんでこの記事に?(汗

Similar Entries

Recent Entries