Convert PNG to SVG
Drop a PNG and get an SVG made of real paths — one fill per colour, editable in Illustrator or Inkscape. The image is traced in this tab and never uploaded.
- 入力
- PNG
- 出力
- 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ではありません。
形式の基礎知識
| 形式の基礎知識 | PNG · 入力 | SVG · 出力 |
|---|---|---|
| 種類 | Raster. A grid of pixels. | Vector. Paths described in XML. |
| 拡大縮小 | Blurs or pixelates past its native size. | Sharp at any size. |
| 色 | Up to 16.7 million colours with 8-bit alpha. Lossless. | 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. |
| 主な用途 | Screenshots, web images, marks exported from a design tool. | Web, icons, print artwork, the input to a cutter workflow. |
知っておきたいこと
A PNG stores a grid of pixels; an SVG stores outlines. Converting one to the other means deciding where an edge is, and a PNG has already blurred that decision into its anti-aliased pixels. The tracer groups the image into colour regions, walks the boundary between them and fits curves to it, so what you get is a handful of Bezier segments per shape rather than a staircase of pixel steps.
PNG carries an 8-bit alpha channel, so transparency survives the trace: fully transparent pixels become holes in the geometry rather than a white rectangle behind the mark. If your PNG has a checkerboard background it was flattened before you got it, and the checkerboard will be traced as artwork.
The logo preset is the default here because most PNGs people vectorise are flat marks. For a scan or an inked drawing switch to line art, and for a photograph switch to photo — the palette size and the speckle filter are what change.
仕組み
Drop the PNG
Drop, paste or choose a PNG. It is decoded by the browser and handed to the worker; nothing is sent anywhere.
Pick a preset
Start on logo for a flat mark, line art for a scan, photo for a photograph. The readouts show paths, nodes, colours and milliseconds as you change it.
Download the SVG
Check the preview at full zoom, then export. The SVG is written in the worker and saved straight from the tab.
ベンチマーク
宣伝文句ではなく実測値。コーパス、手法、実行で得られたすべての数値を完全に公開しています。
手法 → /benchmarks- boundary error, p95
- 0.09 px
- region-count error
- 0.000
- node-count ratio
- 1.00×
よくある質問
- 01Does converting a PNG to SVG upload my file?
- 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.
- 02Will the SVG just have the PNG embedded inside it?
- No. Some converters wrap the original bitmap in an <image> element and call the result an SVG; it is the same pixels with an XML header, and it still blurs when you scale it. Every path here is traced geometry, so the file opens as editable outlines.
- 03Can I edit the SVG afterwards?
- Yes. The output is ordinary SVG — one path per colour region, with a plain fill — so Illustrator, Inkscape, Figma, Affinity Designer and a text editor all open it and all let you move a node.
- 04Is it free?
- Previews are free and unlimited — trace as many PNGs as you like, at any resolution. Downloading the file needs Pro at €9.00 per month, tax inclusive.
関連
関連する変換