Convert GIF to SVG
A GIF has at most 256 indexed colours, so the palette work is half done before the trace starts. What is left is dithering, and dithering needs handling.
- 入力
- GIF
- 出力
- SVG
- エンジン
- WASM、タブ内で実行
- 価格
- 無料プレビュー
ここに画像をドロップ、または貼り付け
画像はアップロードされません。このタブ内でトレースされます。フルコンバーターを開く
プリセット
- 01ロゴ — このページ用の設定16 色
- 02線画白黒
- 03写真64 色
- 04刺繍8 色 · くり抜き
- 05ビニール4 色 · くり抜き
- 06レーザー白黒 · ポリゴン
- 出力 · SVG · PDF · EPS · DXF
- プレビュー無料・ダウンロードはPro €9.00 / 月
- ファイルはこのタブ内に留まります
vectortraceを選ぶ理由
- チケット 1 / 3
ブラウザ内で完結・非公開
エンジンはお使いの端末上のワーカーで動作するWebAssemblyです。画像がアップロードされることはないため、漏洩する心配も、削除する必要も、信用に頼る必要もありません。
- チケット 2 / 3
ラッパーではなく編集可能なパス
エンジンは画像を色領域にグループ化し、その境界を取り出してカーブをフィットさせます。出力されるのは実際の形状です — 領域ごとに1つの塗り、すべてのノードを自由に動かせます — タブ内で生成され、サーバー上で生成されることはありません。
- チケット 3 / 3
印刷・製造現場で使われる形式
アートワーク用にSVGとPDF、カッター・彫刻機・刺繍ソフト用にEPSとDXF。Illustrator、Inkscape、LibreCADで実際に開けるファイルです — 中身がJPEGのSVGではありません。
形式の基礎知識
| 形式の基礎知識 | GIF · 入力 | SVG · 出力 |
|---|---|---|
| 種類 | Raster. Indexed colour, optionally animated. | Vector. Paths described in XML. |
| 拡大縮小 | Pixelates past its native size, and the dithering becomes visible. | Sharp at any size. |
| 色 | A palette of at most 256 colours. Transparency is one palette index. | One solid fill per path, in a palette you can edit by hand. |
| 編集可能なソフト | Photoshop, GIMP, any browser. | Illustrator, Inkscape, Figma, Affinity Designer, a text editor. |
| 主な用途 | Older web graphics, simple animations, forum artwork. | Web, icons, print artwork, the input to a cutter workflow. |
知っておきたいこと
GIF stores an index per pixel into a palette of at most 256 entries. For a flat mark that is a gift: the colour regions are already discrete, and a small palette in the preset merges the near-duplicates that the encoder added.
Dithering is the catch. When a GIF was made from a photograph or a gradient, the encoder scattered two palette colours in a checkerboard to fake a third. A tracer sees that checkerboard as thousands of tiny regions. Raise the speckle filter and drop the colour count and the dither collapses back into flat areas.
Transparency in GIF is a single fully transparent palette index — there is no partial alpha — so edges of a transparent GIF are hard, not feathered. That traces cleanly, but it also means the original had visible stair-stepping that the trace will follow.
仕組み
Drop the GIF
Drop or paste the .gif file. The first frame is decoded and traced.
Collapse the dithering
Lower the colour count until the checkerboard becomes flat areas, then raise the speckle filter to drop what is left.
Export the SVG
Expect hard edges: GIF transparency is one index, not an alpha channel, so the source had no feathering to recover.
ベンチマーク
宣伝文句ではなく実測値。コーパス、手法、実行で得られたすべての数値を完全に公開しています。
手法 → /benchmarks- boundary error, p95
- 0.09 px
- region-count error
- 0.000
- node-count ratio
- 1.00×
よくある質問
- 01What happens to an animated GIF?
- The first frame is traced. An SVG that animates would need a path set per frame and a timeline, which is a different job; export the frame you want as a PNG and trace that if it is not the first.
- 02Why does my traced GIF have a checkerboard of tiny shapes?
- That is dithering being traced accurately. Lower the colour count so the two dithered colours merge, and raise the speckle filter so the leftover single-pixel regions are dropped.
- 03Is the GIF uploaded anywhere?
- No. The tracer is WebAssembly running in a Web Worker in this tab, so the pixels stay on your machine. There is no upload step, which is also why it keeps working with the network off.
関連
関連する変換