Lottie ビューア
Lottie JSON と .lottie をブラウザで確認。速度、ループ、フレーム、サイズをチェックし、背景を変更してフレームを PNG 保存。アップロード不要。
- ブラウザー内でローカル処理
- 無料・アカウント不要
Lottie ビューアについて
Lottie ビューアは、After Effects やプロジェクトの準備なしで、Lottie アニメーションをこのページで再生します。JSON または .lottie ファイルをドロップするとすぐに始まります。
公開前の確認に使えます。フレームを送り、速度や背景を試し、サイズ、フレームレート、長さ、レイヤー数を確認できます。ファイルはブラウザ内にとどまり、アップロードされません。
Lottie ビューアの使い方
- .json または .lottie ファイルをページにドロップするか、Lottie ファイルを選択を選びます。
- 再生、一時停止、ループ、速度変更、フレームのドラッグができます。
- 背景色を選び、静止画が必要ならフレームを PNG でダウンロードを選びます。
機能
- 50 MB までの Lottie JSON と .lottie ファイルを再生します。
- フレーム単位のタイムライン、ループ、0.25×〜2× の速度。
- 透明、白、黒、任意の色の背景。
- サイズ、長さ、フレームレート、フレーム数、レイヤー、画像、Lottie バージョンを表示します。
- 現在のフレームを透明度付きの PNG で保存します。
主な用途
- デザイナーのアニメーションをアプリやサイトに組み込む前に確認する。
- 明るい背景と暗い背景での見え方を確かめる。
- 受け取ったファイルのサイズと長さを調べる。
よくある質問
Lottie ファイルとは何ですか?
Lottie ファイルはベクターアニメーションをデータとして記述したもので、通常は After Effects から Bodymovin プラグインで書き出します。JSON ファイル、または画像や複数のアニメーションも含められる圧縮形式の .lottie ファイルです。
アニメーションはアップロードされますか?
いいえ。ファイルはお使いの端末のブラウザで読み込まれ再生されます。サーバーには何も送信されず、アカウントも不要です。
ここでは見え方が違うのはなぜですか?
プレーヤーごとに対応機能が異なります。After Effects のエクスプレッションや効果の一部は異なる動きになる場合があるため、重要なアニメーションは実際のアプリでも確認してください。
Lottie を GIF や MP4 に変換できますか?
現在はできません。このツールはアニメーションの再生と確認、単一フレームの PNG 保存を行います。.lottie に複数のアニメーションがある場合は最初のものを再生し、その数を表示します。
入力内容はアップロードされますか？
ツールはブラウザ内で動作します。ファイル、テキスト、結果は当社のサーバーにアップロードされず、ツールを離れると消去されます。
プライバシーを最優先に
ツールはブラウザ内で動作します。ファイル、テキスト、結果は当社のサーバーにアップロードされず、ツールを離れると消去されます。