2004/01/14

PNGのガンマチャンク

ポスト @ 23:55:10 , 修正 @ 2004/12/30 1:00:31 | WebDesign

PNG で起きる色ずれは、mizの投稿でガンマチャンク(ガンマ値のデータ)が問題であることが判明した。なるほど、確かにボクのMacは、Mac標準のガンマ1.8になってる。なもんで、それが埋め込まれてるPNGはガンマ1.8の情報を持ってて、Internet Explorer for Windows はそれをガンマ1.8で表示した。けれでもHTMLで描画されてるところは、Windows標準のガンマ2.2で表示してるために、PNGがやや薄くなってるわけだ。

Mac で画像チャンクを削除するのは、画像フォーマットで困ったときの定番「GraphicConverter」ででき、見事、IE for Windows での色ずれは解消された。

しかし、この問題は根が深かった。今度は Safari で色ずれしたのである……。

つまり、SafariはHTMLをガンマ1.8で表示してるけど、PNGを2.2で表示してるってことだ。なぜ? もしや、これか。こんな誰も忘れ去っている仕様に忠実なのか? W3C - A Standard Default Color Space for the Internet - sRGB。つまり、インターネットの標準カラースペースは sRGB(ガンマ2.2)にしましょうってこと。いやでも、そしたらHTMLもガンマ2.2で表示してくれ。

ということで、ちょっと混乱してきたので、少し整理してみよう。まず前提として、同じRGB値なら、ガンマ1.8のMac上でのほうが、ガンマ2.2のWindows上でより明るく見える。なんで、Windows上でもMacユーザの制作者の見えてた色で表示するのがカラーマッチングなので、ガンマ1.8画像(Mac で作ったと想定される画像)はガンマ2.2画像より明るく見せるのが正しい動作だ。

さて、ガンマ2.2の画像も用意して、それぞれ調べてみた。000008a.htmlが Mac OS X 付属の DigitalColor Meter で測定したRGB値の表だ。Windowsは Remote Desktop Connection Client for Mac を使って、同様に DigitalColor Meter で測定している。()内は初期状態のRGB値「214:221:221」からどれだけずれているかで、+ にずれるほど明るく表示されている。

Safariは埋込みなし画像を2.2と想定して暗めに表示しているようだ。けど、HTMLは1.8でそのままなんだよなー。Internet Explorer for Mac は環境設定でColorSyncをオンにできるんだけど、オフの場合だと、なぜかガンマ1.8画像が1.95くらいを想定して表示されているけど、ガンマ2.2は暗めに表示され、埋込みなし画像とHTMLは1.8の調整なしで表示している。ガンマ1.8画像がちょっとおかしいけど、あとはこちらの期待している動作だ。ところがColorSyncをオンにすると、なぜかHTMLがガンマ2.2と想定される。ColorSyncはカラーマッチングの技術なのに、オフのときよりなぜずれる。Mozilla for Mac は、Macのモニタがガンマ2.2なら正しい動作だけど、1.8だとガンマ値を持ってる画像が正しい色より明るくなってしまう。IE for Win も想定している動作で……って、ちょっと待て。222:222:222って彩度がずれてるじゃん! こりゃ明らかにバグだろ。Mozilla for Windows は完璧に想定されている動作。グレイト。

結局、Macでどう見えてるかよりも、ガンマ情報を持たないHTMLに色を合わせてほしいんで、ガンマチャンクを埋め込まないのが正しいんだけど、これだとボクのデフォルトブラウザ「Safari」でずれるというのがかなり癪ではある。なんでSafariだとずれるんだろ……。バグだろ……。

1 Trackback

PNGの色ずれ

Now Playing の出力する画像はPNGなためか、Internet Explorer for Windows だと、PNGの背景とメニューの背景が微妙に色ずれしてしまっている。 そこで、PNGの背景を透明化してみたんだけど、やっぱ?...

From : 複眼中心 @ 2004-01-15 10:58:00

Track from Your Website

http://rewse.jp/fukugan/trackback/tb.php?id=53

2 Comments

Re: PNGのガンマチャンク

メディアごとに表示の方法が違うってのは,
作る側としては厳しい状況だね.
何とかならないものか・・・.

From : miz @ 2004-01-15 10:58:00 編集

Re: PNGのガンマチャンク

なんとかするのが、カラーマネジメントシステム (CMS) だったり、ガンマチャンクだったりするのに、デコータ(ブラウザとか)が間違った対応してちゃ話にならんね。

From : gadget @ 2004-01-15 13:42:00 編集

Post Your Comment


(Smile) (Wink) (Laugh) (Foot in mouth) (Frown) (Gasp) (Cool) (Tongue)

*は入力必須です。E-Mailは公開されません。