Skip to content
Meshma/Web App/TracePen

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 に対応。

Open app →

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

ワークフロー

  1. TracePen を開く
  2. PNG または JPG をアップロード (WebP / GIF / BMP も受け付けます)。
  3. TracePen は画像が写真フラットなグラフィックかを判定し、推奨する色数を提示します。slider を 2 (白黒) から検出された最大値まで動かします。
  4. Trace をクリックします。
  5. 必要に応じて layer 単位で調整: 表示の切り替え、layer の HEX 変更、ストローク / ノイズフィルタ / 最小領域サイズの調整。
  6. Save をクリックして形式を選択します。

エクスポート形式

形式最適な用途
SVGFigma、Illustrator、Canva、CorelDRAW、Inkscape、Affinity Designer、Web
PNGSVG をサポートしないツール (Photoshop、PowerPoint、Keynote、Word)
PDF印刷レイアウト、スライドデック内のベクター
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 経由)

  1. DXF Faces をエクスポートします。
  2. File → Import → ファイルタイプを AutoCAD Files に設定 → DXF を選択します。
  3. ダイアログの右下にある Options… をクリックします。
  4. 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 BitmapPotrace無料デスクトップ拡張機能経由
Vector Magic決定論的トレースサブスクリプションデスクトップ + Web
Vectorizer.AIAIサブスクリプションWeb

TracePen は、DXF Lines (カッター向け) と DXF Faces (3D 向け) をすぐにエクスポートできる、唯一の無料かつブラウザベースの決定論的トレーサーです — さらにネイティブな SketchUp plugin も提供しています。

TracePen is also available on

建築・建設のためのデザインツール