なぜ GIF を SVG に変換するのですか？
GIF はパレットインデックス方式のラスター形式であり、すべてのピクセルが位置と色インデックスを持っています。SVG は、形状、パス、曲線を数学的に記述する XML ベースのベクター形式です。ピクセルデータをベクターパスに変換するには自動トレースが必要ですが、これは元の画像を近似するものであり、単純なフラットカラーのグラフィックでのみうまく機能します。GIF を SVG の <image> タグ内に埋め込むだけのツールは、拡張子が .svg であっても、実際にはスケーラブルではないファイルを生成します。
GIF から SVG への変換方法
Inkscape OPEN-SOURCE
Inkscape で .gif を開き、«パス» > «ビットマップのトレース» を使用して SVG パスに自動トレースします。単純なロゴや、エッジがはっきりしたフラットカラーのグラフィックに最適です。
CorelDraw Graphics Suite APP
CorelDraw で .gif を開き、PowerTRACE 機能を使用してベクターパスに変換し、SVG として保存します。
GIF を変換するプログラム
これらの形式について
.GIF
Graphics Interchange Format
GIF ファイルは Graphics Interchange Format のラスタ画像で、短いループアニメーションで最もよく知られています。すべてのウェブブラウザとオペレーティングシステムが GIF をネイティブに開くことができます。ファイルをダブルクリックするか、ブラウザのタブにドラッグするだけです。実用上の主な懸念事項はファイルサイズです。アニメーション GIF…
.GIF の詳細を開く →
.SVG
Scalable Vector Graphics
SVG ファイルは Scalable Vector Graphics（スケーラブル・ベクター・グラフィックス）画像です。これは W3C のオープン標準であり、2D グラフィックスを XML テキストとして保存するため、品質を損なうことなく任意のサイズに拡大縮小できます。Chrome、Edge、Firefox、Safari…
.SVG の詳細を開く →品質と注意点
- SVG の
<image>タグ内に GIF を配置するツールは、拡張子が.svgであっても中身はラスターピクセルのままのファイルを生成します。これは劣化なしに拡大縮小できず、真のベクター変換ではありません。 - 自動トレースは、クリーンなフラットカラーを持つ単純なロゴやアイコンで最良の結果をもたらします。複雑な GIF や写真のような GIF では、乱雑で使い物にならない SVG 出力になります。
- アニメーション GIF の場合、GIF のフレームデータを SVG アニメーションに確実に変換する自動ツールはありません。より効率的なアニメーション形式である MP4 または WEBP に変換してください。
よくある質問
なぜ一部のコンバーターは GIF から SVG への変換ができると主張しているのですか？
<image> タグ内に埋め込んでいるだけです。ファイル拡張子は変わりますが、内容は依然としてピクセルであり、スケーラブルなベクターグラフィックではありません。
