Lottieを使った動くイラストの作例

LottieとはAdobe After Effectsで作成したアニメーションを、Webやモバイルアプリで再生するためのライブラリです。JSON形式で表現されるため、軽量で高品質なアニメーションを実装することができます。

Lottieはjson形式で読み込めばGIFに比べて60％も軽量で、さらにdotLottieで読み込めばGIFより98％も軽量です。

アニメーションを組み込むとどうしても読み込み時間が長くなり、ユーザーの離脱を招いてしまいますが、Lottieを使うことでそんな問題を解決することができます。

オリジナルのアニメーションをウェブサイトに組み込めば、独自の世界観を表現できます。