Convert a logo to vector
Someone sent the logo as a PNG. Trace it back into paths here — flat fills, low node count, editable — without uploading the brand asset anywhere.
- 入力
- Logo
- 出力
- Vector
- エンジン
- 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ではありません。
形式の基礎知識
| 形式の基礎知識 | Logo · 入力 | Vector · 出力 |
|---|---|---|
| 種類 | Usually a raster PNG or JPG of a mark that was vector once. | Paths and fills rather than pixels — SVG, PDF, EPS or DXF. |
| 拡大縮小 | Blurs past its native size, which is why it has to be redrawn. | Sharp at any size. |
| 色 | Flat brand colours, plus whatever the anti-aliasing added at the edges. | One solid fill per path, in a palette you can edit. |
| 編集可能なソフト | Photoshop and GIMP — neither of which can move an edge cleanly. | Illustrator, Inkscape, Figma, Affinity Designer, CorelDRAW. |
| 主な用途 | Brand marks handed over as a screenshot or a web export. | Anything that will be printed, cut, engraved or resized. |
知っておきたいこと
A logo was almost always vector once. What you were sent is an export of it, and the export threw away the outlines. Tracing recovers a very good approximation: the same shapes, the same palette, edges placed from the anti-aliasing rather than guessed. It does not recover the original curve construction, so if the design agency still exists, ask them first.
The three things that make a traced logo usable are a small palette, a low node count and clean interior holes. A trace with four hundred nodes per letter is technically vector and practically unusable — nobody can kern it, and a cutter will stutter along it.
Not uploading matters more here than anywhere else on this site. An unreleased brand mark going through a stranger server is a real problem for a real client, and the honest way to avoid it is not to have a server in the path at all.
仕組み
Drop the logo
PNG, JPG, WebP, BMP or GIF. It is traced in this tab and never leaves it.
Cut the palette down
A brand mark usually has two to five colours. Set the palette to that number so the trace merges the anti-aliased in-between shades.
Check the node count, then export
Low node counts are what make a traced logo editable. Export SVG for editing, PDF or EPS for print, DXF for cutting.
ベンチマーク
宣伝文句ではなく実測値。コーパス、手法、実行で得られたすべての数値を完全に公開しています。
手法 → /benchmarks- boundary error, p95
- 0.09 px
- region-count error
- 0.000
- node-count ratio
- 1.00×
よくある質問
- 01Will the traced logo be identical to the original vector?
- Close, not identical. Tracing recovers the shapes and the palette from the pixels; it cannot recover how the original curves were constructed. For most uses — print, cut, embroider, resize — the difference is invisible. For a brand guideline document, get the original.
- 02What resolution should the source be?
- Bigger is better up to a point: more pixels means the anti-aliasing carries more evidence about where the edge is. Past a few thousand pixels across, a flat mark stops improving because there is no more information in it.
- 03Is my client logo uploaded to a server?
- 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.
関連
関連する変換