GIFアニメ:コマ数を減らしてファイルサイズを小さくする方法

GIFアニメの作り方と素材庫

GIFアニメーションをキレイに動かすには、フレーム(コマ)数を多くすれば良いのですが、そうするとファイルのサイズがとても大きくなります。
下のGIFアニメがオリジナルです。94コマ使っています。比較的きれいに表示されますが、ファイルサイズは5.73MBもあります。このためGIPHYにアップしました。

via GIPHY

  Video Source: Ⓒ Nekoshi

下のGIFアニメは、コマ数を三分の一に間引いて31コマにしたものです。ファイルサイズは1.75MBです。
上のオリジナルを見た後だと見劣りしますが、それなりにきれいに動いていると思います。

via GIPHY

  Video Source: Ⓒ Nekoshi

GIFアニメのコマ数を減らす方法

GIFアニメのコマ数を減らすには、GIFアニメをGIAMに読み込み、コマを削除していく方法があります。この方法は、コマ数が少なければ最も簡単な方法ですが、コマ数が多いと削除するコマをカウントしなければならず大変な作業になります。
そこで、コマ数が多い場合は、WEB上で簡単にコマ数を減らすことのできるサービス『GIFGIF.COM』を使います。
『GIFGIF.COM』では、完成したGIFアニメの様々な修正を行うことができます。
左サイドバーの「Tools」の6つの機能の中から必要なものを選択します。

1.「GIF resizer」: GIFアニメの縦横の大きさを変更
2.「GIF optimizer」:GIFコマを規則的に間引いたり、色数を減じたりしてファイルサイズを小さくする。
3.「GIF crop」:GIFの任意の範囲で切り取る。
4.「GIF reverser」:GIFをリバース、上下反転、水平反転、またはその組み合わせ。
5.「Rotate GIF」:GIFを任意の角度で回転
6.「Add text to GIF」:GIFアニメに文字入れする。

今回は、コマの削除なので、「GIF optimizer」を使います。

1.[UPLOAD GIF]ボタンをクリックして、GIFファイルをアップロードします。
2.[UPLOAD GIF]ボタンの右隣のメニューの中のDrop Frames]で、減らしたい程度を選択します。何コマ毎にコマを削除するかを、2コマ、3コマ、4コマの中から選びます。

画面下の[OPTIMIZE]ボタンをクリック。オリジナルと修正後の画面が表示されるので、確認できます。

 それで良ければ、[Download the result]をクリックして、修正したGIFアニメをダウンロードします。
 

ダウンロードしたファイルを開いてみると、動きがかなり早くなっていると思います。そこで、GIAMで速度を調整します。これで完成です。 「GIAM」については、過去記事『GIFアニメ簡単作成ソフト「Giam」の使い方』が参考になると思います。

なお、上のメニューの中に、[Color Reduction]と[Lossy GIF optimization]がありますが、どちらを使ってもファイルサイズはあまり小さくなりません。ファイルサイズを小さくするには、コマ落ちが最も有効な方法です。
考えていたような小ささなサイズにならない場合は、縦横のサイズを小さくすることで劇的にファイルサイズを小さくできます。