JSONをLottieに変換
Lottie JSONを追加し、配布用の.lottieファイルへ変換します。複数のJSONはそれぞれ別ファイルに変換し、作成したアニメーションの動きを確認して保存できます。
できること
配布用の.lottieへ変換
既存のLottie JSONを圧縮パッケージの.lottieへ変換します。アニメーションを新しく作る機能ではありません。
複数のJSONを個別に変換
複数のJSONを選んだ場合、それぞれ別の.lottieを作成します。一つのファイルに作品をまとめる操作とは異なります。
出力の動きを確認して保存
作成された.lottieのプレビューを確認できます。確認用の速度や背景を変えても、保存するファイルには反映しません。
使い方
Lottie JSONを追加
変換するアニメーションのJSONを選びます。複数のファイルも追加できます。
内容を確認して作成
入力のプレビューや参照素材を確認し、「.lottieを作成」を押します。素材が不足している場合は解決してください。
変換後を確認して保存
作成したファイルの表示を確認し、ダウンロードします。複数の結果では、確認するファイルを切り替えてそれぞれ保存します。
こんなときに便利
配布用のアニメーションを用意
Lottie JSONを、.lottieに対応するWebサイトやアプリへ渡すために変換します。
複数の作品の形式をそろえる
いくつかのLottie JSONを追加し、作品ごとに独立した.lottieとして保存します。
Lottie JSONと.lottieの違い
動きを記述するJSONが対象
Lottie JSONは図形や画像、動きなどを記述したデータです。表のデータやアプリの設定など、一般的なJSONをアニメーションへ変えることはできません。
.lottieは圧縮パッケージ
.lottieはアニメーションのJSONや素材を格納する形式です。圧縮によって容量が変わりますが、削減率は内容によって異なります。
再生する環境の対応を確認
Lottie JSONが使える環境でも、.lottieの読み込みには対応するプレーヤーが必要です。配布先のアプリやライブラリが対応しているか確認してください。
よくある質問
一般的なJSONファイルも変換できますか？
Lottieのアニメーション形式に沿ったJSONが対象です。文章や表データなどから動きを生成する機能ではありません。
別ファイルの画像を使っている場合は？
必要な参照素材も解決する必要があります。JSONと画像をまとめて扱う場合は、関連ツールの「画像付きLottieを作成」も利用できます。
複数のJSONは一つの.lottieになりますか？
この画面では各JSONを個別に変換します。複数のアニメーションを一つに同梱したい場合は、「複数のLottieを1ファイルにまとめる」を使ってください。
変換すれば必ずファイルが小さくなりますか？
容量の変化は入力内容によって異なります。固定の削減率や、全ての再生環境で同じ表示になることを保証するものではありません。
テーマや対話状態を追加できますか？
この画面は形式変換用です。テーマや対話状態を新しく作る操作はなく、引き継げない拡張情報を含む入力は作成できません。
入力と結果
- 入力
- LottieのアニメーションJSON。複数ファイルを追加できます。
- 出力
- 各アニメーションを個別の.lottieとして保存。元のJSONは上書きしません。
- 確認
- 生成物のプレビュー準備後に保存。複数の結果はファイルごとに確認します。