以前YOUTUBEにも公開した
アニメーション動画の一部のキャラクターを
SVGアニメーションで書き出しをしてみました。

単純な動きであればCSSでKeyframeで動作をさせる方が処理は軽くなりますが
少し複雑な動き等を行う場合ではSVGアニメーションをお勧めです。

実際にこちらのアニメーションは容量は約150kb
SVGですので拡大をしても劣化がありません。

マスコットキャラクターを動かす等のワンポイントで利用される場合には是非ご検討ください！