TracePen for Web App
画像をアップロード、色数を選択、SVG、PNG、PDF、DXF Lines、DXF Hatch、DXF Faces に書き出し。すべてブラウザで完結。
Figma、Illustrator、Canva、CorelDRAW、Inkscape、Cricut、Silhouette、Lightburn、AutoCAD、Fusion 360、Blender、3ds Max、Rhino、Cinema 4D に対応。
Plans
Free$0
- 2 colours (black & white)
- SVG and PNG export
- Unlimited traces, no sign-up
- Runs in the browser
Premium
- Unlimited colours (full multi-layer trace)
- All formats: SVG, PNG, PDF, DXF Lines / Hatch / Faces
- SketchUp plugin included
- Server-side API endpoint for batch / automation
ワークフロー
- TracePen を開く。
- PNG または JPG をアップロード (WebP / GIF / BMP も受け付けます)。
- TracePen は画像が写真かフラットなグラフィックかを判定し、推奨する色数を提示します。slider を 2 (白黒) から検出された最大値まで動かします。
- Trace をクリックします。
- 必要に応じて layer 単位で調整: 表示の切り替え、layer の HEX 変更、ストローク / ノイズフィルタ / 最小領域サイズの調整。
- Save をクリックして形式を選択します。
エクスポート形式
| 形式 | 最適な用途 |
|---|---|
| SVG | Figma、Illustrator、Canva、CorelDRAW、Inkscape、Affinity Designer、Web |
| PNG | SVG をサポートしないツール (Photoshop、PowerPoint、Keynote、Word) |
| 印刷レイアウト、スライドデック内のベクター | |
| DXF Lines (閉じた LWPOLYLINE) | Cricut、Silhouette、Lightburn (Cut モード)、AutoCAD、Fusion 360、LibreCAD、CNC、ビニールカッティング |
| DXF Hatch (ソリッド HATCH) | Lightburn (Fill / Scan エングレーブ)、AutoCAD ビジュアルインポート |
| DXF Faces (3DFACE 三角化) | SketchUp、Blender、3ds Max、Rhino、Cinema 4D — インポート時に Merge Coplanar Faces を有効化 |
無料プランでは 2 色での SVG および PNG エクスポートが可能です。プレミアムでは無制限の色数ですべての形式がアンロックされます。
ツール別インポート
Figma / Illustrator / Canva / CorelDRAW / Inkscape / Affinity
SVG をドラッグ&ドロップするか、File → Open / File → Import を実行します。変換不要。
Cricut Design Space / Silhouette Studio
Upload → DXF Lines エクスポートを選択します。各色が個別のカット可能な layer になり、Make It / Send の準備が整います。
DXF Lines を使用してください、Hatch ではなく — カッターはアウトラインを追跡します。HATCH の塗りつぶしはしばしば無視されます。
Lightburn
- シェイプをカット → DXF Lines (アウトラインは Cut モードに割り当てられます)。
- 塗りつぶし領域をエングレーブ → DXF Hatch (塗りつぶし領域は Fill / Scan モードに割り当てられます)。
AutoCAD / Fusion 360 / LibreCAD
アウトラインには DXF Lines、塗りつぶし領域には DXF Hatch をインポートします。各色は独自の CAD layer になります。
SketchUp (DXF 経由)
- DXF Faces をエクスポートします。
- File → Import → ファイルタイプを AutoCAD Files に設定 → DXF を選択します。
- ダイアログの右下にある Options… をクリックします。
- Geometry の下の Merge coplanar faces にチェックを入れる → OK → Import。
Merge Coplanar Faces がないと、すべての三角形が個別の face のまま残ります。
ネイティブ face と再編集可能な Component をお望みですか? 代わりに SketchUp plugin をご利用ください — 三角形クリーンアップも DXF 経由の往復も不要です。
Blender / 3ds Max / Rhino / Cinema 4D
DXF Faces をインポートします。三角形は単一平面上に配置されます — ツールにオプションがあれば、インポート後に同一平面の面をマージしてください。
よくある質問
TracePen は AI を使用していますか?
いいえ。決定論的なトレーサーです: ADU カラー量子化 (Celebi 2014) → Mumford-Shah 領域マージ (arXiv 2409.15940、2024) → グリッドウォーク輪郭トレーサー → Potrace Bezier フィット (Selinger 2003)。同じ画像を入力すれば毎回同じ SVG を出力します。プロダクション利用 (レーザーカット、CNC、印刷) に不可欠です。
無料プランの内容は?
2 色 (白黒)、SVG および PNG エクスポート、無制限のトレース、サインアップ不要。ラインアート、ロゴ、シルエット、レーザーカット、Cricut、ビニールワークフローのほとんどをカバーします。
プレミアムでアンロックされるものは?
- 無制限の色数 (フルマルチ layer トレース)。
- すべての形式: SVG、PNG、JPG、PDF、DXF Lines、DXF Hatch、DXF Faces。
- SketchUp plugin。
- バッチ / 自動化用のサーバーサイド API エンドポイント。
1 回限りの購入。サブスクリプションなし。
画像はアップロードされますか?
- 無料プラン — アップロードなし。すべてブラウザ内で実行されます。
- プレミアムマルチカラートレース — 画像は API エンドポイントに送信され、処理後にレスポンスとともに破棄されます。保存はされません。
どの画像形式をアップロードすべきですか?
PNG はフラットなアートワーク、ロゴ、スクリーンショット、アイコンに最適です。JPG は写真に適しています — トレース前に ノイズフィルタを 3〜6 に上げて JPEG 圧縮アーティファクトをクリーンアップしてください。
Vector Magic / Vectorizer.AI / Adobe Image Trace と比較してどうですか?
| ツール | タイプ | 価格 | 動作環境 | CNC / レーザー向け DXF |
|---|---|---|---|---|
| TracePen | 決定論的トレース | 無料・1 回限り | ブラウザ + SU plugin | ✓ (Lines + Hatch + Faces) |
| Illustrator Image Trace | 決定論的トレース | サブスクリプション | デスクトップ | エクスポート経由 |
| CorelDRAW PowerTRACE | 決定論的トレース | 1 回限り | デスクトップ | エクスポート経由 |
| Inkscape Trace Bitmap | Potrace | 無料 | デスクトップ | 拡張機能経由 |
| Vector Magic | 決定論的トレース | サブスクリプション | デスクトップ + Web | ✗ |
| Vectorizer.AI | AI | サブスクリプション | Web | ✗ |
TracePen は、DXF Lines (カッター向け) と DXF Faces (3D 向け) をすぐにエクスポートできる、唯一の無料かつブラウザベースの決定論的トレーサーです — さらにネイティブな SketchUp plugin も提供しています。

