アニメーションGIFを作成したり、利用してWebサイトのコンテンツに使っている人たちは多いです。しかしアニメーションGIFは画像をつなぎ合わせたもので、長い時間や大きい画像だと、あっという間に肥大化してしまいます。 そこで使ってみたいのがsvgasmです。アニメーションGIFをSVG化することで、サイズの小さくできます。

svgasmの使い方

実行結果。SVGなので線がベクター調になってしまいます。

ちゃんとアニメーションします。

svgasmは元画像サイズにもよりますが、GZipすることで半分〜1/4程度までサイズを軽減できます。元のアニメーションとどれくらい変わるかは実行してみないと分かりませんが、オプションも多いので、最適な変換にすることで良好な結果を得られるでしょう。

svgasmはC++製のオープンソース・ソフトウェア(Apache Licnese 2.0)です。

tomkwok/svgasm: SVG animation from multiple SVGs or single GIF using tracer