PB-100の宇宙の中の人
PBロッキーの日記

アニメーションgifの制作と最適化のメモ

ライブラリ等で使用する画像ファイルの最適化のメモ書きです。

アニメーション GIF の制作

すべてのフォントとカーソルだけのレイヤーの2枚を用意、設定は置換とする。

無駄に作るとファイルサイズが倍になるので注意。

アニメーション GIF の最小化

どちらも圧縮率は同じで Adobe Image Ready が書き出したものを 14% 程小さくしてくれた。

色数の少ない gif → png8 でファイルサイズを半分以下に

gif 画像を png8 にしたところファイルサイズが半分に、これをさらに tinypng.com で縮小するとトータルで 1/10 以下に。49,563 から 3,992 に。

同じファイルを compressor.io で実施したところ 4,345 でした。

256色を使う画像に対してはロスレス圧縮を行う

以上のサイトでは、256色をフルにつかう png では色数が間引かれてしまい画質が落ちてしまう。

ロスレス圧縮なら compressor.io が良さそう。

pbLCD.gif から pbLCD.png に。
gifpng8 化compressor.io でロスレス圧縮
21,48813,96910,216