アニメを作ろう(1)。

先日、いずのくにブログ村にて、Giamを使ったGIFアニメの話題が出ました。

GIFアニメとは、例えばこういうのです。



そこで、このGIFアニメを含む、いわゆる「WEB画像」について掘り下げてみたいと思います。



ホームページによく使われる画像のファイル形式には

JPEG（ジェイペグ、 Joint Photograph Experts Group）

GIF（ジフ、Graphics Interchange Format）

PNG（ピング、Portable Network Graphic）

の3つがあります。

それぞれに長所と短所があるので、目的によって使い分けることになります。



ファイル形式はどう使い分けるか

ちょっと専門的な話になりますので、適当に読みとばして下さいね。

1.JPEGは複雑な写真向き

JPEGは24ビット（1670万色）まで扱うことができます。 このため、多くの色数を必要とする写真などの表現に向いています。 また、グラデーションのように色調が連続して変化する画像にはJPEGが適しています。 反対にアイコンやアニメ調の平坦なイラストなどをJPEGで保存するとにじんだように汚くなります。

GIFがデータを“整理する”ことで圧縮するのに対し、JPEGはデータを“捨てる”ことで圧縮しています。 圧縮で捨ててしまったデータは元に戻すことができないので、JPEG形式で圧縮率を上げて保存する際には、 必ず元画像のバックアップを残しておくようにしてください。

2.GIFは平面が多いイラストやロゴ向き

GIFは最大8ビット（256色）までの色を扱うことのできる圧縮画像形式です。256色以上必要ないロゴ、リンクボタン、アイコン、アニメ調のイラストなど、 特に単色ベタ面を多く含む平坦な画像に向いています。逆に写真やスケッチなどの多くの色数を必要とする画像には不向きです。
また、パラパラ漫画のようなアニメーションにできます。

3.PNGは画質を保ったまま圧縮

PNGには、「フルカラーにも8bitカラーにもすることができる」「圧縮率が高く同じ内容のGIF画像より10％～30％程度ファイルサイズが小さくなる」「圧縮によってデータが捨てられてしまうことがない可逆圧縮形式を採用している」「複数の透過色を指定できる」「ライセンス問題の不安がない」等の長所があります。

逆に「アニメーションにできない」「フルカラーにするとJPEGよりファイルサイズが大きくなる」等の短所があります。 PNGは比較的新しく開発された優れた画像形式ですが、すべての面においてPNGが勝っているというわけではありません。 画像の内容やサイズに応じてGIF・JPEG等と使い分けます。

続きはまた明日～。