• May
  • 26
  • 2006

Photoshopで書き出した画像をFlashに読み込むと色が変わる件

たぶん、だいぶ前からある問題だと思うが、最近気づいて確認してみたのでメモ。
※当方Mac環境なので、Winでどうかは不明。

どうやらPhotoshopの問題くさい。WEB用に保存で書き出したPNG画像の色が変わる問題はかなり前からあるようで、書き出したPNGをブラウザ(Safariで確認)やFireworksで開くと違う色(若干明るい)に見える(ガンマが違う感じで、画面の色を拾ってみると数値も違っている)。このファイルをPhotoshopで開くとちゃんとした色なので、一瞬、変なカラープロファイル埋め込んだかと思ってしまう。


png_ps.pngpng_fw.png
png_ps2.pngpng_fw2.png

左がPhotoshopで「WEB用に保存」でPNG(24bit+透過=32bit)で書き出した画像。右は同じPhotoshopのファイル(PSD)をFireworksで開いてからPNG(32bit)で書き出した画像。Photoshopで書き出したものの方がだいぶ明るく見える。


このファイルをFlashに読み込むとやっぱり色が変わってしまう。全体的に色が変わるので、比較しないと気づかないことが多い。これは非常に困る。書き出しをFireworksで行ったり、画像の形式や保存の仕方によっては正しい色で読み込まれるので、その辺に気をつければ大丈夫。

ファイル形式別の色変化の状況(Flash読み込み時)は次の通り。

PSD形式
ダメ。Fireworksで開いてPNGで書き出せば良好な結果に。
PNG
保存方法によって結果が違う。「WEB用に保存」したPNGはダメ。
通常の「保存」「名前をつけて保存」したPNGでは良好。
GIF
良好。可逆の王様。256色以内、アルファチャンネルなしの画像ならこれでも可。
JPG
微妙。非可逆の宿命か、微妙に色が変わる。しかし肉眼では判別不能。特に問題なしか。
PDF(PhotoshopPDF)
微妙。圧縮方法をZIPにしてもJPEGにしても微妙に色が変わる。JPEGよりも色の変化が若干大きい。
×TIFF
×PICT
×BMP
ダメ。ちなみにダメなファイル形式の色の変化はどれも同じ。


Flashにアルファチャンネル付きのPNGを読み込む用途に限れば、Photoshop上でスライスを切らずに書き出すようなものは、Fireworksで開いて書き出すなり、通常保存でPNGにするなりすれば良いかと思う。

Photoshopでスライス切って書き出したアルファチャンネル付きPNGを読み込むような場合には、これといった対応策なし。Fireworksで開いてスライス切り直すか、パーツ毎にPSDつくってFireworksに持っていくか通常保存のPNGにするかだろうなぁ。

まぁ、最初からFireworksで作るのが一番分かりやすいけど。

TrackBack (0)

TrackBack URL: http://blog.1cco.com/mt/mt-tb.cgi/139

Post a Comment