αチャンネル(不透明度)による透過

フルカラーと透明の度合い

pngではフルカラーの画像で透過を使用することができます。さらに各ピクセルに「透明の度合い」の情報をもたせられるので、画像を表示するときに背景と色を混ぜることが可能になり、一色だけを透過にする方式の面倒なことが一気に解決します。PaintShopProではこれをアルファチャンネルの透過とよんでいます。

フルカラーαチャンネル透過 輪郭がぼけていますが、はじめから白が混ざっているのではない

フルカラーαチャンネル透過 「透明の度合い」の情報を使って画像の色を貼付けた場所の背景の色と混ぜるのだ

フルカラーαチャンネル透過 だから、背景が何色になっても問題ない

フルカラーαチャンネル透過 せっかくのpngの機能だが、IEでは使えない

本命なのになぜ

pngの優れた機能であるフルカラー+アルファチャンネルの透過は透過画像の境界の問題を一気に解決します。もう古臭くて面倒なノウハウが必要になる256色の透過はやめてしまいたいものです。でも現段階ではできません。それはインターネットエクスプローラ(IE)がアルファチャンネルの透過をきちんと処理できないからです。

IEはWindowsに標準でついてくるブラウザなので多くの人が使っています。おそらくどこのサイトでも90%以上はIEによるアクセスです。したがって現時点でアルファチャンネルの透過をつかったページを公開すればほとんどの人に醜いページを見せることになってしまうのです。

IEは2005年5月現在最新バージョンは6ですが、これでも正しく処理できず、透過するはずの部分が灰色になったり、黄色になったりします。面白いことにMacのIEは正しく処理できるそうです。この他、OperaやMozillaなど有名どころのブラウザはすべて処理できるのにIEだけがまだできないのです。こまったものです。

IEでは次のようになります。

IEではどう見えるか


聖愛高等学校
http://www.seiai.ed.jp/