SVG → Lottie アニメーション変換
SVGベクターグラフィックスをLottie JSONアニメーションファイルに変換する無料オンラインツール。基本図形、パス、塗り、線、SVGアニメーション要素に対応しています。
SVG 输入
拖拽 SVG 文件到此处，或点击上传
转换设置
帧率 (FPS)
动画时长 (秒)
动画名称
SVG 预览
特徴
- SVG → Lottie 変換：SVGグラフィックスをLottie JSONアニメーション形式に変換
- 一般的なSVG要素に対応：パス、円、四角形、楕円、線、多角形など
- アニメーション対応：SVGの
<animate>と<animateTransform>要素を認識 - リアルタイムプレビュー：Lottieアニメーションのライブ再生プレビュー
- ローカル処理：すべての変換はブラウザ内で実行され、データのプライバシーを保護
- ワンクリックエクスポート：JSONのコピーまたは.jsonファイルとしてダウンロード
- カスタマイズ可能：フレームレート、アニメーション時間、名前を調整可能
Lottieとは？
LottieはAirbnbが開発したJSONベースのアニメーション形式です。After EffectsからBodymovinプラグインで書き出すか、コードで生成できます。LottieアニメーションはWeb、iOS、Android、React Nativeなどでレンダリングでき、小さなファイルサイズ、クロスプラットフォーム対応、インタラクティブ性が特徴です。
常见问题
Lottieとは何ですか？
LottieはAirbnbが開発したJSONベースのアニメーション形式です。BodymovinプラグインでAfter Effectsから書き出し、Web、iOS、Androidでレンダリングできます。ファイルサイズが小さく、クロスプラットフォーム対応で、インタラクティブ性があります。
どのSVG機能がサポートされていますか？
一般的なSVG図形要素（パス、円、長方形、楕円、線、多角形）と、塗り、線、透明度がサポートされています。``<animate>`` と ``<animateTransform>`` アニメーション要素もサポートされています。
生成されたLottieファイルはどこで使用できますか？
生成されたLottie JSONは、Web（lottie-web）、iOS（lottie-ios）、Android（lottie-android）、React Nativeなど、Lottie対応のすべてのプラットフォームで使用できます。
データは安全ですか？
すべての変換はブラウザ内でローカルに実行されます。SVGデータはサーバーにアップロードされず、データは完全に安全です。
LottieはGIF/APNGとどう違いますか？
Lottieはベクターアニメーション形式で、品質を損なうことなく無限に拡大縮小できます。ファイルサイズは通常GIFより小さく、インタラクティブ性をサポートし、レンダリングパフォーマンスが優れています。
このツールを共有