[ Home ]

  [ 戻る ]

アニメーションGifの最適化


 アニメーションGifは、何枚ものGif画像を次々と見せていくことにより動いているように見せています。言い換えれば、それだけ多くの枚数のGifファイルをひとつのGifファイルにまとめているのですから、ファイルサイズがものすごく大きくなって、インターネットで表示するのにものすごく時間がかかることがあります。

 そこで、大切なのがアニメーションGifの最適化(ファイルサイズを落とす処理)です。この最適化処理は様々な方法があります。

 

@ Gifファイルのところで解説したように、まずは、減色処理があげられます。単純に利用する色数を少なくすれば少なくするほどファイルサイズは減少します。

 

A 次に、各コマごとに使われているカラーパレットを統一することでかなりファイルサイズを減少することができます。カラーパレットとは、そのGifファイルで使われる「色」を記録しておく場所です。絵を描くときに、パレットに、使いたい色を絵の具から出しておきますよね、それと全く同じだと考えてください。

 例えば、各コマが32色に減色された10コマ構成のアニメGifだったとします。この場合に、それぞれのコマごとにパレットを使うと、32(色)×10コマで、結局320色分のサイズに匹敵するファイルサイズになってしまいます。一方、パレットを統一しておけば、どのコマを表示するのにも一つのパレットしか使わないので、32色分のサイズに抑えることができます。

 このことから分かるとおり、なるべく全てのコマは同じ色を使い、パレットも統一した方がファイルサイズを抑えることができます(利用するツールによっては、アニメGifのカラーパレットを統一しないものがあるので注意してください)。

 

B また、重複しているコマや、無駄なコマを省くことで、ファイルのサイズを抑えることができます。

 例えば、たまに1コマを6秒間表示させるのに、わざわざ同じコマを2コマ作ってそれぞれを3秒表示するようにしているものがあります。これは、その部分のファイルサイズを無駄に2倍しています。

 「そんなコマの重複なんて、あるの?」と、思うかもしれませんが、一部のツールでは実際にこのような重複する処理を用いて、表示秒数を大きくしているものがあるのです。

 また、当然ですが、コマ数は少なければ少ないほどファイルサイズは小さくなります。無駄なコマは断腸の思いで削除する、また、多少の滑らかさを失うのは覚悟してコマを間引きする、などの決断が必要です。

 

C 更に、変更する部分だけを書き換えて、後の無駄な部分を削除することで、ファイルサイズを抑えることができます(ただし、これを手動で行えるツールは少ないので、もっぱらツールの性能によってきます)。

 つまり、アニメーションしている部分が一部だけの場合、そこだけを書き換えれば済むのであって、なにもわざわざ全てのコマで、画像の全てを書き換える(表示する)必要がない場合があります。次のイラストを見ていただければよく分かるでしょう。

 優秀なツールは、前後のコマをそれぞれ比べて、どこの部分だけを書き換えればいいか判断して、不要な部分は削除してくれます。

 

 以上述べた他にも、最適化する方法はまだあるのですがこの程度を知っておけば十分でしょう。Animation Shopの「最適化ウィザード」を利用すれば、これら様々な最適化処理を享受することができるので大変便利です。

P.S. 自分のパソコンで表示させると速いのですが、サーバーにアップして表示させると凄く遅いのはなぜですか、という質問をたまに受けます。

 自分のパソコンで表示させている場合は、ハードディスクにあるデーターを読み込んで表示していますが、このときのデーター転送速度は無視して良いぐらい速い速度です。

 一方、インターネットで表示している場合は、インターネットを通じてデーターをパソコンに読み込んでいますが、このときのデーター転送速度はハードディスクと比べたら比較できないほど遅いからです。

 ですから、表示確認を行うには、必ずサーバーにアップ(転送)したうえで、そのサーバーにアップしたファイルを表示させて(ホームページとして表示させて)おこなってください。

 

 

[ Home ] [ 戻る ]

 

www.hajimeru.com