ライブラリ等で使用する画像ファイルの最適化のメモ書きです。
アニメーション 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 が良さそう。
| gif | png8 化 | compressor.io でロスレス圧縮 |
| 21,488 | 13,969 | 10,216 |