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、调整 stroke / noise filter / 最小区域大小。
- 点击 Save 并选择格式。
导出格式
| 格式 | 最适合 |
|---|---|
| SVG | Figma、Illustrator、Canva、CorelDRAW、Inkscape、Affinity Designer、网页 |
| 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 导出。Premium 解锁全部格式与无限颜色。
各工具的导入方法
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
- Cut 一个形状 → DXF Lines（轮廓分配到 Cut 模式）。
- Engrave 一块填充区域 → 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 时，每个三角形都会保留为独立的面。
想要原生面与可重新编辑的 component？ 请改用 SketchUp plugin —— 无需清理三角形，无需经过 DXF 转换。
Blender / 3ds Max / Rhino / Cinema 4D
导入 DXF Faces。三角形位于同一平面上——若工具有相应选项，导入后请合并共面。
常见问题
TracePen 使用 AI 吗？
不用。确定性 tracer：ADU 颜色量化 (Celebi 2014) → Mumford-Shah 区域合并 (arXiv 2409.15940, 2024) → 网格遍历轮廓 tracer → Potrace Bezier 拟合 (Selinger 2003)。同一张图像输入 → 每次输出相同的 SVG。生产用途（激光切割、CNC、印刷）必备。
免费版有什么？
2 种颜色（黑白）、SVG 与 PNG 导出、无限次描摹、无需注册。可覆盖大多数线稿、logo、剪影、激光切割、Cricut 和贴膜工作流。
Premium 解锁什么？
- 无限颜色（完整多 layer 描摹）。
- 所有格式：SVG、PNG、JPG、PDF、DXF Lines、DXF Hatch、DXF Faces。
- SketchUp plugin。
- 用于批处理 / 自动化的服务端 API 接口。
一次性购买，无订阅。
我的图像会被上传吗？
- 免费版 —— 不上传。一切都在您的浏览器中运行。
- Premium 多色描摹 —— 图像会发送到 API 端点处理，响应后即丢弃，不存储。
我应该上传什么图像格式？
PNG 最适合平面美术、logo、截图、图标。JPG 适用于照片——将 Noise filter 调到 3–6 可在描摹前清理 JPEG 压缩伪影。
与 Vector Magic / Vectorizer.AI / Adobe Image Trace 相比如何？
| 工具 | 类型 | 定价 | 运行位置 | 用于 CNC / 激光的 DXF |
|---|---|---|---|---|
| TracePen | 确定性描摹 | 免费 · 一次性 | 浏览器 + SU plugin | ✓ (Lines + Hatch + Faces) |
| Illustrator Image Trace | 确定性描摹 | 订阅制 | 桌面端 | 经导出实现 |
| CorelDRAW PowerTRACE | 确定性描摹 | 一次性 | 桌面端 | 经导出实现 |
| Inkscape Trace Bitmap | Potrace | 免费 | 桌面端 | 经扩展实现 |
| Vector Magic | 确定性描摹 | 订阅制 | 桌面端 + 网页 | ✗ |
| Vectorizer.AI | AI | 订阅制 | 网页 | ✗ |
TracePen 是唯一一款开箱即用导出 DXF Lines（用于切割机）和 DXF Faces（用于 3D），且免费、基于浏览器、确定性的 tracer —— 同时还提供原生 SketchUp plugin。
