アニメーション SVG を GIF に変換できますか？

はい。アニメーション SVG をアップロードし、再生時間、FPS、ループ回数、出力サイズを設定してください。SMIL アニメーションと多くの CSS アニメーションを取り込めます。JavaScript で駆動するアニメーションは再生時間の手動入力が必要な場合があり、操作や外部リソースに依存している場合は完全に再現できないことがあります。

CSS アニメーションの SVG に対応していますか？

CSS が SVG 内に記述されている場合、またはブラウザが読み込める場合、多くの CSS キーフレームアニメーションに対応しています。再生時間を自動判定できない場合は、書き出し前に手動で入力してください。

SMIL アニメーションの SVG に対応していますか？

ブラウザで描画でき、アニメーションのタイミングを判定できる場合は SMIL アニメーションに対応しています。複雑なファイルではプレビューを確認し、必要に応じて想定する再生時間を手動で入力してください。

JavaScript アニメーションの SVG を GIF に変換できますか？

一部の JavaScript アニメーションは取り込めますが、対応状況はファイルによって異なります。クリック、ポインターの移動、外部リソース、タイマー、その他の実行時 API に依存するアニメーションは、正確に再現できない場合があります。プレビューで確認してください。

SVG から透明な GIF を作成できますか？

はい。背景に透明を選び、SVG を GIF として書き出してください。GIF の透明はパレット内の透明ピクセルのみに対応するため、半透明の輪郭はアニメーション WebP や APNG の方がきれいに仕上がります。

GIF のフレームレートと再生時間を制御できますか？

はい。FPS を選び、アニメーションの再生時間を入力してください。FPS を下げて再生時間を短くするとファイルは小さくなり、FPS を上げると動きはなめらかになりますが、処理時間とファイルサイズは増えます。

変換した GIF がアニメーションにならず静止画になるのはなぜですか？

SVG 自体が静止画である、アニメーションが JavaScript やユーザー操作に依存している、再生時間が設定されていない、または読み込めない外部リソースを使っている、といった原因が考えられます。SVG のプレビューを確認し、アニメーションの再生時間を手動で入力してください。

SVG から変換した GIF のファイルサイズが大きすぎるのはなぜですか？

GIF のサイズは、出力サイズ、再生時間、FPS、色の複雑さによって大きくなります。サイズや FPS を下げる、再生時間を短くする、または低い品質プリセットを選んでください。最近のウェブサイトでは、アニメーション WebP の方が小さなサイズで高い画質を得られることが多いです。

静止画の SVG を 1 フレームの GIF に変換できますか？

はい。静止画の SVG をアップロードし、出力サイズと背景を選んで GIF として書き出してください。GIF の互換性が不要な場合は、SVG から PNG または SVG から WebP への変換の方が効率的です。

この SVG→GIF 変換ツールは無料ですか？

はい。無料で利用でき、登録も透かしもありません。すべての処理はブラウザ内で実行されます。

SVG ファイルがサーバーにアップロードされることはありますか？

いいえ。変換はブラウザ内でローカルに実行されるため、元の SVG がリモートの変換サーバーに送信されることはありません。ページの読み込み完了後であれば、最新のブラウザでオフラインのまま利用できます。

複数の SVG を一度に GIF に変換できますか？

はい。一括変換に対応しています。複数の SVG ファイルを一度にアップロードすると、それぞれが個別の GIF として書き出されます。サイズ、FPS、再生時間、ループ回数、背景はすべてのファイルで共通です。特定のファイルだけ違う時間設定が必要な場合は、そのファイルを単独で変換してください。

SVG は GIF、WebP、PNG のどれに変換すべきですか？

出力先が幅広い GIF 互換性を求める場合は GIF を選んでください。最近のウェブサイトで、より高い画質と小さなファイルサイズを求める場合はアニメーション WebP を選びます。静止画で無劣化が必要な場合は PNG を選んでください。出力先がベクター画像とアニメーションに対応しているなら、SVG のままで問題ありません。

BulkPicTools

ローカル処理 · 0 アップロード

SVG から GIF への変換ツール — 静止画にもアニメーションにも対応

SVG とアニメーション SVG を GIF アニメーションに一括変換。幅・高さ・フレームレート・再生時間・ループ回数・背景色を指定できます。無料、アップロード不要、ブラウザ内でローカル処理します。

SVG ファイルをアップロード

SVG またはアニメーション SVG —— ブラウザ内でローカル変換、アップロード不要

SVG→GIF 無料 • アニメーション SVG 対応 • ローカル処理 • アップロード不要

SVG から GIF への変換ツールの主な機能

静止画 SVG にもアニメーション SVG にも対応

アニメーション SVG を GIF に変換したり、SVG アニメーションを GIF アニメーションとして書き出したりできます。SMIL アニメーションと CSS アニメーションに対応しています。JavaScript で制御されるアニメーションは、再生時間を手動で指定する必要がある場合や、完全に再現できない場合があります。

サイズ、FPS、時間、ループを細かく指定

出力の幅と高さを指定し、フレームレート（1〜30 FPS）、アニメーションの再生時間、ループ回数（無限または指定回数）を設定できます。ダウンロード前にプレビューして、なめらかさ・画質・ファイルサイズのバランスを調整できます。

ブラウザ内のローカル変換でプライバシーを保護

この無料の SVG→GIF 変換ツールはブラウザ内で動作するため、サーバーへのアップロードは不要です。登録も透かしもありません。

透明 GIF と背景のオプション

透明背景の GIF を書き出せるほか、白・黒・任意の背景色も選べます。アニメーションロゴ、アイコン、ローディング画像、スタンプ、SNS 用の素材に最適です。

ガイドとヒント

SVG を GIF に変換する方法

プラットフォームが GIF 画像は受け付けるものの、SVG ファイルや SVG アニメーションに対応していない場合、SVG を GIF に変換すると便利です。静止画の SVG を固定サイズの GIF にしたり、アニメーション SVG をメール、チャット、SNS などで使える GIF アニメーションとして書き出したりできます。

SVG ファイルをアップロードするか、SVG のコードを変換ツールに貼り付けます。
出力サイズを選びます。ゆがみを避けたい場合はアスペクト比をロックしてください。
アニメーション設定を行います。FPS、再生時間、ループ回数を指定します。静止画の SVG は短い既定時間を使うか、1 フレームの GIF として書き出せます。
背景を選びます。透明、白、黒、または任意の色を指定できます。
生成された GIF をプレビューしてダウンロードします。

変換はブラウザ内で行われるため、元の SVG をリモートサーバーにアップロードする必要はありません。これは非公開のアイコン、ロゴ、イラスト、デザインデータに役立ちます。このプライベートな SVG→GIF 変換ツール、無料のオンライン SVG→GIF コンバーター、SVG GIF メーカー、オンラインの SVG→GIF 変換ツールのいずれとして使う場合でも、数回のクリックで SVG を GIF に変換し、SVG を GIF 化し、SVG として GIF を書き出し、SVG から GIF を作成できます。

アニメーション SVG を GIF に変換する方法

アニメーション SVG にはさまざまなアニメーション技術が使われており、変換結果は元ファイルのアニメーション実装によって変わります。この変換ツールは、表示されているアニメーションを GIF のフレームとして取り込むように設計されています。

アニメーション SVG をアップロードし、プレビューの読み込みを待ちます。
判定されたアニメーションの種類を確認します。SMIL、CSS キーフレーム、JavaScript のいずれかです。
アニメーションの再生時間を設定します。自動判定できない場合は手動で入力し、変換ツールに録画する長さを知らせます。
FPS を選びます。ファイルを小さくしたい場合は 10〜15 FPS、動きをなめらかにしたい場合は 20〜30 FPS が目安です。
GIF をプレビューし、ダウンロード前に設定を調整します。

SMIL アニメーションは自動判定しやすい傾向があります。CSS アニメーションは再生時間の手動指定が必要な場合があり、JavaScript アニメーションは実行時のイベント、ユーザー操作、外部リソース、ブラウザ API に依存するため、完全に取り込めないことがあります。

画質とファイルサイズのバランスを取る SVG→GIF の設定目安

GIF はアニメーションをラスターフレームの並びとして保存します。サイズ、再生時間、FPS、色の品質を上げると見栄えは良くなりますが、ファイルサイズと変換時間も増えます。

用途	推奨サイズ	FPS	推奨する方針
アニメーションアイコンやローディング表示	128〜512 px	10〜15	ループを短くし、品質は標準プリセットにする
アニメーションロゴ	256〜800 px	15〜20	可能な限り背景を透明に保つ
メール用アニメーション	400〜800 px	10〜15	再生時間を短くし、必要に応じて色数を減らす
SNS のプレビュー	プラットフォーム依存	15〜24	ダウンロード前にファイルサイズを確認する
高品質なモーショングラフィック	800 px 以上	20〜30	より小さく鮮明にしたい場合はアニメーション WebP や APNG を検討する

GIF が大きすぎる場合は、まず出力サイズまたは FPS を下げてください。再生時間を短くすること、使用する色数を減らすことも効果があります。最近のウェブサイトではアニメーション WebP の方が小さなサイズで高い画質を得られることが多いため、GIF の互換性が不要な場合は SVG から WebP への変換ツールを利用してください。

SMIL、CSS、JavaScript アニメーションの対応状況

SVG アニメーションは SMIL 要素、CSS キーフレーム、JavaScript で作成できます。SVG をフレームごとに描画する場合、この 3 つの挙動は完全には同じになりません。

アニメーションの種類	一般的な対応状況	確認する項目
静止画 SVG	安定	出力サイズ、viewBox、背景
SMIL	多くの場合判定可能	アニメーションの再生時間、繰り返し回数、要素のタイミング
CSS アニメーション	一般的なケースに対応	外部スタイルシート、再生時間、キーフレームの指定
JavaScript アニメーション	ファイルに依存	実行時 API、ユーザー操作、外部リソース、タイミング制御

最も確実な結果を得るには、スタイルとアセットを SVG 内に含め、外部フォントや外部画像を避けてください。CSS や JavaScript でタイミングを制御している場合は、アニメーションの再生時間を明示的に指定してください。プレビューが動かない場合、元ファイルがローカルのフレーム取り込みでは再現できない操作や外部リソースに依存している可能性があります。

SVG は GIF、WebP、APNG のどれに変換すべきか

古いプラットフォーム、メールクライアント、チャットツールとの互換性が必要な場合や、GIF が明示的に指定されている場合は、GIF が今も有用です。一方で GIF は色数が限られており、細かなアニメーションではファイルが大きくなることがあります。

形式	適している用途	主な制限
GIF	幅広い互換性、シンプルなアニメーション、チャットやメール	色数が限られ、ファイルが大きくなりがち
アニメーション WebP	ウェブサイトと最新ブラウザ	GIF が使える場所すべてで使えるわけではない
APNG	高画質なアニメーションと透明度	一部のワークフローでは GIF ほど一般的ではない
PNG	静止画 SVG の無劣化変換	アニメーションは保持されない

互換性が最優先なら GIF を選んでください。出力先を自分で管理でき、画質・透明度・ファイルサイズを重視するならアニメーション WebP または APNG を選びます。元が静止画の場合は SVG から PNG への変換も利用できます。

SVG から透明な GIF を作成する方法

透明な GIF を作成するには、透明部分を含む SVG をアップロードし、背景に透明を選んで GIF として書き出します。透明は、輪郭がはっきりしたシンプルなロゴ、アイコン、イラストで最もきれいに仕上がります。

SVG ファイルをアップロードします。
背景を透明に設定します。
必要な出力サイズを選びます。
可能であれば、明るい背景と暗い背景の両方で輪郭をプレビューします。
GIF をダウンロードします。

GIF の透明は、PNG や WebP の完全なアルファ透明とは異なります。GIF はパレットの透明エントリを使うため、半透明の輪郭が一部の背景でにじんで見えることがあります。滑らかな部分透明が必要な場合は、アニメーション WebP や APNG での書き出しを検討してください。

ブラウザ内でローカルに SVG を GIF に変換する

ブラウザベースの SVG→GIF 変換ツールは、ファイルをサーバーに送信せずにローカルで処理できます。これは、SVG に非公開の作品、未発表のブランド素材、クライアントの資産、埋め込まれたデザイン情報が含まれる場合に重要です。

BulkPicTools はブラウザ内で SVG を描画し、GIF をあなたの端末上で生成します。アカウントも透かしもなく、変換ツールが元の SVG を保存することもありません。ページの読み込みが完了すれば、ネットワークを切断した状態で動作を確認することもできます（ブラウザの利用可能メモリと処理性能に依存します）。

大きな SVG、長いアニメーション、高解像度、高い FPS はより多くのメモリを必要とします。変換が遅い場合は、出力サイズを小さくする、再生時間を短くする、または FPS を下げてください。

一般的なオンライン変換ツールとの違い

汎用のファイル変換ツールは手軽な静止画フォーマット変換には便利ですが、SVG アニメーションには多くの場合追加の制御が必要です。実用的な SVG→GIF のワークフローは、アニメーションのプレビューを確認し、再生時間を設定し、フレームレートを制御し、透明度を選べること、そして JavaScript アニメーションが正確に再現できない場合を理解できることが求められます。

機能	BulkPicTools	基本的なファイル変換ツール
静止画 SVG から GIF	✅	多くの場合対応
アニメーション SVG のプレビュー	✅	対応状況はさまざま
FPS と再生時間の制御	✅	制限されることが多い
透明背景のオプション	✅	対応状況はさまざま
ブラウザ内でのローカル処理	✅	通常はサーバー側で処理
アカウントや透かし	❌	対応状況はさまざま

基本的な変換サービスよりも細かい制御が必要なときはこのページを使ってください。シンプルな静止画 SVG の出力で十分な場合は、関連する SVG から PNG への変換や SVG から WebP への変換ツールも利用できます。

使い方

SVG をアップロード、または貼り付け

SVG ファイルをドラッグ＆ドロップする、端末から選ぶ、または SVG のコードを直接貼り付けます。ツールが元ファイルをプレビューし、静止画かアニメーションかを判定します。

GIF の書き出し設定を指定

出力サイズ、フレームレート、再生時間、ループ回数、背景色、品質プリセットを選びます。CSS アニメーションや JavaScript アニメーションで再生時間を自動判定できない場合は、手動で入力してください。

GIF をプレビューしてダウンロード

生成された GIF をプレビューし、サイズとファイル容量を確認します。大きすぎる場合や動きがなめらかでない場合は、FPS や品質プリセットを調整してから書き出し直してください。

SVG から GIF への変換ツールについてよくある質問

SVG をアップロードまたは貼り付け、出力サイズと背景を選びます。SVG がアニメーションの場合は FPS と再生時間も設定します。プレビューで確認してダウンロードしてください。変換はブラウザ内でローカルに実行されます。