Convert an image to SVG
Whatever you were handed — PNG, JPG, WebP, BMP or GIF — drop it here. The browser decodes it and the worker traces it into editable SVG paths.
- 入力
- Image
- 出力
- 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ではありません。
形式の基礎知識
| 形式の基礎知識 | Image · 入力 | SVG · 出力 |
|---|---|---|
| 種類 | Raster. Any of PNG, JPG, WebP, BMP or GIF. | Vector. Paths described in XML. |
| 拡大縮小 | Every raster format blurs or pixelates past its native size. | Sharp at any size. |
| 色 | Whatever the source carries; the tracer reads the decoded pixels. | One solid fill per path, in a palette you can edit by hand. |
| 編集可能なソフト | Photoshop, GIMP, Affinity Photo. | Illustrator, Inkscape, Figma, Affinity Designer, a text editor. |
| 主な用途 | Whatever arrived in the brief — you rarely get to choose. | Web, icons, print artwork, the input to a cutter workflow. |
知っておきたいこと
The five raster formats differ in how they store pixels, not in what a tracer does with them: all five are decoded to RGBA by the browser before the worker sees anything. The practical difference is the noise each format adds. PNG, BMP and lossless WebP add none. JPG and lossy WebP add ringing near edges. GIF adds dithering.
That is why the controls that matter are the same everywhere: the palette size decides how many fills the result has, and the speckle filter decides how small a region has to be before it is not worth keeping. Presets are just sensible starting values for those two.
If you know what you are holding, the format-specific pages carry the specific advice — PNG for alpha, JPG for artefacts, BMP for scans, GIF for dithering.
仕組み
Drop any raster image
PNG, JPG, WebP, BMP or GIF. The browser decodes it; the worker traces the decoded pixels.
Choose a preset
Logo for a flat mark, line art for a drawing or scan, photo for a photograph. The readouts tell you what changed.
Export
SVG, PDF, EPS and DXF, from one document.
ベンチマーク
宣伝文句ではなく実測値。コーパス、手法、実行で得られたすべての数値を完全に公開しています。
手法 → /benchmarks- boundary error, p95
- 0.09 px
- region-count error
- 0.000
- node-count ratio
- 1.00×
よくある質問
- 01Which image formats can I convert to SVG?
- PNG, JPG and JPEG, WebP, BMP and GIF. Decoding is done by the browser, so the accepted list is the browser image list rather than something we implement separately.
- 02What is the largest image I can trace?
- In the browser, whatever your machine has memory for — tracing is local, so there is no server-side ceiling. The public API applies its own documented limits because that runs on our hardware.
- 03Is the image uploaded?
- 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.
関連
関連する変換