LottieをJSONに変換
.lottie・Lottie JSON・ZIPから取り出すアニメーションを選び、JSONを使う環境へ渡すファイルを作成します。画像を埋め込んだ1つのJSON、またはJSONと画像を分けたZIPを選び、動きを確認して保存できます。
できること
必要なアニメーションを取り出す
複数の作品を含む.lottieから、今回使う一つを選んでJSONへ変換できます。
画像の渡し方を選べる
画像を埋め込んだ一つのJSON、またはJSONと画像を分けたZIPを選べます。
変換後の動きを確認
作成したファイルを読み直してプレビューします。元の画像や動きと見比べてから保存できます。
使い方
Lottieを追加
.lottie、Lottie JSON、またはZIPを追加します。通常のデータJSONをアニメーションへ変換する機能ではありません。
作品と保存形式を選ぶ
取り出すアニメーションを選び、画像を含むJSONか、画像を分けたZIPかを指定します。
内容を確認して作成
プレビューと参照素材を確認します。テーマなどを含む入力では、引き継げない内容を確認してから作成します。
変換結果を確認して保存
生成したファイルのプレビューを確認し、ダウンロードします。ZIPを使う場合は、展開したJSONと画像のフォルダ構成を保ちます。
こんなときに便利
JSONを受け付ける環境へ渡す
.lottieに対応していない利用先へ、アニメーションをJSONとして渡します。
画像と動きのデータを整理
画像を別ファイルとして管理したいとき、JSONと画像を分けたZIPを取得します。
JSON単体と素材付きZIP
画像を埋め込んだ一つのJSON
画像データをJSONの中に含めます。画像を別ファイルで渡す必要がなく、JSON一つで受け渡せます。
JSONと画像を分けたZIP
JSONと参照する画像を一式にまとめます。展開した後に画像の名前や位置を変えると、参照先が一致しなくなるため注意してください。
パッケージ固有の設定
テーマ・対話状態・パッケージ設定は通常のアニメーションJSONへ引き継げません。対象の入力では明示的に確認し、元の.lottieも残してください。
プレビューと利用先
再生速度や背景は確認用です。保存内容は変更しません。利用先のプレーヤーでも画像と動きを確認してください。
よくある質問
複数のアニメーションが入っている場合は選べますか？
はい。確認するアニメーションを選び、選んだ一つを変換します。すべての作品をまとめてJSONへ書き出す操作ではありません。
画像を別ファイルにして取り出せますか？
「JSONと画像を分けたZIP」を選んでください。JSONと画像を含む一式を保存できます。画像などの素材だけが必要な場合は「Lottieから素材を取り出す」を使います。
テーマや対話状態は残りますか？
通常JSONには引き継げません。該当する入力では確認を求め、了承するまで作成できません。変換後だけで元のパッケージ全体を復元できるとは限りません。
素材が不足している場合はどうすればよいですか？
参照先を確認し、必要な画像などを手元から追加してください。候補が複数ある場合は使う素材を選びます。解決するまでJSON・ZIPは作成できません。
どのJSONでも変換できますか？
Lottieのアニメーション形式に沿ったJSONが対象です。表データや設定ファイルなど、一般的なJSONを動きに変換する機能はありません。
入力と結果
- 入力
- .lottie・Lottie JSON・ZIPと、必要な手元の素材。
- 出力
- 選んだ一つのアニメーション。既定は画像を埋め込んだJSON、任意で素材付きZIP。
- 元のファイル
- 上書きしません。形式や対象を変更した後は再作成します。