01
1 つ以上のアニメーション GIF を選択します。
ツールへ戻る
Lottie パッケージ
GIF から Lottie 変換
1 つ以上のアニメーション GIF を .lottie パッケージと自己完結型 Lottie JSON に変換します。フレーム時間と透明部分を保ち、すべてブラウザ内で処理します。
GIF は現在のブラウザ内だけで処理されます。
- 標準で 2 形式を作成
- フレーム時間を保持
- 透明部分を保持
ツールを読み込んでいます...
使い方
GIF を .lottie と Lottie JSON に変換
ファイルをアップロードせず、2 種類の Lottie 形式を作成します。
02
ブラウザ内で GIF ごとに .lottie と自己完結型 JSON を作成します。
03
完了したアニメーションをプレビューし、個別または ZIP で保存します。
すぐ使える 2 形式
GIF ごとに圧縮された .lottie と自己完結型 JSON を標準で作成します。
透明フレームを保持
GIF の透明ピクセルを生成したフレームリソースに保持します。
ベクター化はしません
通常の GIF はビットマップアニメーションです。この変換は Lottie 再生用に視覚フレームをパッケージ化し、編集可能なベクターパスには変換しません。
形式ガイド
GIF から Lottie への変換で作成されるもの
どちらも同じラスター画像フレーム、透明部分、タイミングを保持します。ビットマップを編集可能なベクターパスには変換しません。
.lottie パッケージ
.lottie はアニメーション JSON と PNG フレームを 1 つに圧縮します。dotLottie 対応の Web、React、iOS、Android Runtime に適したコンパクトな形式です。
自己完結型 Lottie JSON
JSON は各 PNG フレームを Base64 データとして埋め込むため、別の images フォルダーは不要です。JSON 対応 Runtime へ渡しやすい一方、通常は圧縮された .lottie より大きくなります。
ラスター Lottie であり、ベクター化ではありません
GIF はビットマップフレームで構成されます。本ツールはそのフレームを Lottie タイムラインに配置し、文字やロゴを編集可能なベクター形状として描き直すものではありません。
別形式が適する場合
ブラウザ画像には WebP や APNG、SNS や動画編集には動画が適しています。プロジェクトや Runtime が .lottie または Lottie JSON を必要とする場合に Lottie を選択してください。
結果を次のツールへ送る
現在の結果をさらに圧縮したり、録画元を作成したり、背景削除や一括処理を続けたい場合は、ここから次のツールへ進めます。
アニメーション PNG
GIF から APNG
1 つまたは複数の GIF を、再生時間と透明部分を保持した APNG にブラウザ内で変換します。
GIF から APNGアニメーション WebP
GIF から WebP
複数のアニメーション GIF を、再生時間と透明部分を保った WebP にブラウザ内で変換します。
GIF から WebP動画書き出し
GIF から動画
アニメーション GIF をブラウザ内で MP4、WebM、MOV に変換し、目標動画時間を設定できます。
GIF から動画FAQ
GIF から Lottie への変換について
互換性、ベクター、透明度、ファイルサイズについて。
GIF は編集可能なベクターアニメーションになりますか？
いいえ。通常の GIF はビットマップフレームで構成されています。生成される .lottie はフレームと時間を保持し、編集可能なベクターパスを再作成するものではありません。
透明部分は保持されますか？
はい。GIF の透明ピクセルは .lottie パッケージ内の PNG フレームリソースに保持されます。
.lottie は必ず GIF より小さくなりますか？
いいえ。サイズは解像度、フレーム数、色、透明領域によって変わります。目的はファイルサイズの削減を保証することではなく、利用できる Lottie 形式を提供することです。
複数の GIF をまとめて変換できますか？
はい。複数の GIF を追加し、ブラウザ内で 1 件ずつ処理できます。実際の処理容量は端末のメモリとブラウザの空き容量によって異なります。
GIF から Lottie と Lottie JSON への変換は同じですか？
どちらも同じ Lottie タイムラインと PNG フレームを使います。.lottie は JSON とフレームを圧縮し、自己完結型 JSON は各フレームを Base64 で埋め込むため通常は大きくなります。
どの Lottie プレイヤーで開けますか？
.lottie は dotLottie 対応の Web、React、iOS、Android Runtime で利用できます。自己完結型 JSON は埋め込み画像に対応する Lottie Runtime で利用し、対象プレイヤーの画像対応を確認してください。
WebP、APNG、動画を選ぶべき場合は？
ブラウザ用のアニメーション画像には WebP や APNG、SNS や動画編集には動画が適しています。.lottie または Lottie JSON が必要なプロジェクトでは Lottie を選択してください。
ファイルはサーバーへアップロードされますか？
いいえ。GIF の解析、フレーム生成、パッケージ化、プレビューは現在のブラウザ内で行われます。