A アルファチャンネルとは簡単に言うと透明度のことです。一画素ごとに透明度を指定できます。これによって、完全なアンチエイリアシングや半透明の物体を表現できます。完全なアンチエイリアシングとは「GIFと比べてどうなの？」で述べている周囲をギザギザさせることなくどのような背景色にも対応することです。半透明の物体とは、ここの素材で言うと、雨粒や電球のガラス部分や背景に落ちている影が半透明に作ってあります。いずれもアルファチャンネルによって可能となるものです。
（注：これはアルファチャンネル付きのフルカラーPNGについての説明です。アルファ値を含むパレットモードPNGなどの他種の画像や一般的な概念としてのアルファチャンネルに当てはめてしまうと誤解を生むかもしれません）
Q アルファチャンネル付きのPNGをそのままWebPageに使ってはいけないの？
A 現在最もシェアの多いブラウザであるInternetExplorerがアルファチャンネル付きのPNGに対応していません。IEでアルファチャンネル付きのPNGを表示すると背景が透過されずにグレーの座布団の上に画像をおいたように表示されます。FirefoxやOperaなどのブラウザでは正常に表示されます。
←FirefoxやOperaだとこのように表示されるものが、
←IntenetExplorer"6"だとこのように表示されてしまいます。IntenetExplorerも次期バージョン（2006年リリース予定の"7"）で対応することがアナウンスされています。アルファチャンネル付きのPNGをそのままWebPageに使用するのはもう少し待ったほうが無難です。
どうしても使いたい場合は方法がないわけではありません。Hiro Konda 氏のサイト内の「PNGアラカルト」を参考にチャレンジしてみてください。
Q ここでダウンロードできる背景色を塗ったPNGはなぜ背景透過しないの？
A ここでダウンロードできる背景色を塗ったPNGはフルカラーのPNG（BitDepth=8,ColourType=2）です。フルカラーPNGにもオン・オフ型の透過指定（tRNSチャンクにより一つの色を完全透明に指定すること）をすることができますが、IntenetExplorerがこの透過指定を無視しますので現状では透過はなしとしております(フルカラーではないパレットモードのPNGの透過指定はほとんどのブラウザが対応している)。よって、背景に画像を使いその上に貼り付ける用途には適しておりません。アルファチャンネル付きのPNGをそのまま使える状況の到来が待たれます。
 | ←背景色を塗った透過なしPNG |
 | ←FirefoxやOperaで表示したアルファチャンネル付きのPNG 半透明の影に注目 |
Q GIFと比べてどうなの？
A GIFの場合は透過を使って背景色に対応します。
←GIFです。背景色を一つに決めてから作らないと影を付けることができません。これを黒背景に置くと・・・ ←こうなってしまいます。そこで多くの素材屋さんでは白背景用と黒背景用の2種類を用意しています。でも白と黒以外の背景色だと・・・
←左が白背景用GIF、右が黒背景用GIF。どんな背景色でもOKなGIFも作れますが・・・
曲線部分などがギザギザしたものしか作れません。
ここで配布しているPNGならば背景を塗ってやる手間はありますが、どんな背景色用のものでもダウンロードできます。
ただ、背景に画像を使う場合は、透過がないときついですね。
←左がGIF、右がここで配布している背景色を塗ったPNG。Q アニメはないの？
A 配布していません。PNGのアニメーションはMNGという別規格になります。MNGは現在、一般的なウェブページに使用する場合に限って言えば、将来的にどうなるか微妙な状況にあります。アニメーションPNGという別の規格も取りざたされていますし、これから普及しそうなSVGを使ってPNGを動かす方向に進むかもしれません。このような現状ではMNGを配布する意義が薄れています。下例のようにPNGをJavaScriptを使って切り替える方法が使えますので、将来の方向性が見えるようになるまでMNG等は配布しません。アニメに利用できるPNGは作っていきますので、JavaScriptを使うか、お客様でアニメGIF化するなどしてご利用ください。
Q 背景色を塗って配布するCGIを私も使ってみたいのですが？
A ご要望が多ければ公開するかもしれません。現状のスクリプトにはPHPとGD(バージョン2以降)がインストールされているサーバーが必要です。
Q 私もアルファチャンネル付きPNG画像を作ってみたいのですが？
A アルファチャンネル付きPNG画像の作り方を簡単にまとめてみました。参考にしてください。
