GIFの圧縮について

なぁ、ちよちゃん…GIFってなんなん?

GIFはGraphics Interchange Formatの頭文字をとったもので、
昔アメリカのコンプサーブというパソコン通信サービスで採用されたことで普及しました。
  一般的にはGIFとだけ言われてますけど、GIF87、GIF87a、GIF89aと、規格が拡張されました。
  GIFには20Byte+色数*3倍とのヘッダーが…

えと、早い話、アニメ的な色数の少ない画像に向いた形式です。

それはわかりやすいなぁ。でも、Jpgはあかんの?

JPGは、写真のような画像に向くように作られた規格で、GIFでは再現できない画像を表示できます。でも、不可逆…えと、完全に元に戻せないんです。

絵が、元に戻せんの?同じにしか見えんで?…

JPGは、絵を四角く沢山に区切ります。そして、その中に「大体こんな感じの絵が入っている」という覚え方をします。 大体なので元には戻らないんです。

この四角を大きくすればするほど、サイズは小さくなりますけど、「大体こんな感じ」でしかないので、出来上がりよりぼやけてきます。

ふ〜ん、私みたいやなぁ、じゃあ、ちよちゃんがGIFやな?

そんなことないですよ、GIFも大阪さんに向いてますよ。

そうなん?

GIFは、左上から順番に白が10個、赤が2個みたいに記憶するんです。

全部白だったら楽やなぁ

そうですよ、楽になると感じることは、サイズが小さくなるということです。

ふ〜ん…

えとえと、これを見てください。


左は単純な2色画像、右はグラデーションで色を変えています。
このとき左の画像は387バイトで、左はば1527バイトで、4倍大きさが違います。そしてJPGですが


見た目はほとんどGIFと変わりませんが、左は 882バイト、右は1137バイトです。

これから分かるように、線がはっきりとしたべた塗りのような画像はGIF、グラデーションのかかった画像はJPGのほうが小さくなっています。

そうやなぁ、左だったら、白が何個、赤が何個で繰り返すほうが楽やし、
右のほうは、この辺はしろ、次は薄い赤…のほうが楽やな。

そういうことです、これで、いかにGifを小さくするか分かりましたね?

わからへんで?

…え・・・えとですね。これを見てください。

アクキンガーやな。
こんなん載せたら、ちよちゃん アク禁なるで?

それは、私も嫌ですけど、それは置いておいて、これ見てください。

うわ、なんか点がいっぱいあるで?
こんなん数えたぁないなぁ

これはディザリングといって、少ない色数で、グラデーションを表現する方法です。でもこれは拡大していますから、普通の状態ではあまり気にならないと思いますよ。

NEC PC98時代はこういった表現をツールで出来るようになっていて、こういうパターンを効率よく記録するフォーマットも、あったんですよ。

ちよちゃん、若いのによくしっとるなぁ

それは言わないでください…。

この点々を塗りつぶせば、覚えるの楽でええなぁ

そうです!、そういうことです。
でも、これ塗りつぶすと、雰囲気が悪くなるんですよね。

そこで、後もう一つ、小さくする方法があるんですよ。

へぇ〜

アニメGifでコマによって同じはずの背景がずれることありますよね?

TVとかの取り込みにおおいなぁ

そうですね。ノイズとかもありますし、色々あって絵が変わることがおおいです。
そういう絵であれば、一枚の絵を全ての背景にして、変わったところだけ切り抜いて行けば、背景がきちんと固定されたアニメになります。

ああ、それで綺麗なGif素材と、粗い素材があるんやな?

ええ、そして、粗い素材に限ってサイズが大きくなる傾向があります。

それはなんでやの?

GIFをツールで開くと、この様に、なぜか絵が2枚に分かれてることありませんか?

あるな、これ改造しようとしたら手間がかかってめんどくさいな。

そうですね、でもこれがないとサイズが倍位になることもあるんですよ。

逆に増えそうやけどなぁ

1コマごとに全て保管…早い話が1枚絵をコマ数だけ保管することになります。
しかし、この方法だと、背景は1枚だけ、後は変更点だけを置き換えていくだけなので変更点が小さければ小さいほどサイズは小さくなります。

えとえと、次の絵を見てください。

コマを分解したものですが、一番上の段が、それぞれ一枚づつ画像を持つもので、2段目が、変更点だけ切り抜かれたものです。

そして、その下2つはそれぞれつなげたもの、面積がぜんぜん違っているのが分かると思います。

この見た目の大きさがデータサイズの差なん?

そう思ってもらっても大丈夫ですよ。

ですから、1枚絵ではなくアニメーションGifの場合は、物にもよりますが、綺麗に整えればそれだけサイズが小さくなります。

そうか〜
で、簡単にまとめると、どういうことや?

えっ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

  • 色は出来るだけべた塗りにする
  • 背景は出来る限り共通化

ですよ。

ようわかったわ〜

でも最初からそういってくれればええのに。

駄目だ…この形式は疲れる…

戻る