gifアニメ、ちょっと軽くしたいときがあると思う。Photoshopで「web用に保存」でgifアニメを保存するとき、いろいろオプション出るけど、今までなんとなく設定してた。そこで、どこをどうすればファイルサイズ減らせるのか実験した。

前提

前提として、

• 解像度が小さいほうが軽い
• コマ数が少ない方が軽い

この2点はクリアしているとして、さらにファイルサイズ減らす方法について調べた。

元の画像

元の画像。例によって tumblr で見つけた。1050kbある。

減色する

ファイルサイズ減らすのには一番効果的な方法。写真とかだと減色すると変だけど、セル塗りっぽい画像だと減色してもさほど変にならない。大抵は64〜128色くらいが良いと思うけど、このgifアニメはもともと色が少ないシーンなので32色まで落としてもさほどおかしくなかった。

• 1050kb -> 740kb

ディザを減らす

多少効果的な方法。ディザっていうのは、中間色どうやって表示するかみたいなやつで、色数少なくグラデーションを表現するとき境界をきっちり描画するんじゃなくてノイズみたいにしたほうが目の錯覚で綺麗にグラデーションしてるように見えるみたいな手法のこと。誤差拡散法とかってところが処理アルゴリズム選ぶオプション。

ディザなしだとグラデーションがジャギジャギになって汚い。100%だとなめらかなグラデーションだけどちょっと重い。今回は50%くらいにしてみた。

• 740kb -> 704kb

劣化させる

結構効果的な手法。その名の通り劣化させる。0%が望ましいけど、ちょっと劣化させるだけでかなりファイルサイズが減らせる。30%だとやりすぎだった。20%くらいにした。

• 704kb -> 587kb

メタデータを省く

もしファイルに著作者情報的な「メタデータ」が書いてある場合、それを省く設定にすると多少ファイルサイズを減らせる。今回の画像にはもともと書いてなかった。

元のファイルと比較

元のファイル

44%軽くしたファイル

それなりに劣化してるのが分かるけど、動いてる画像だと劣化しててもそれほど気にならないというのがあるから、ファイルサイズ軽いほうがうれしいかもしれない。