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 ตามต้องการ: เปิด/ปิดการมองเห็น เปลี่ยน hex ของ layer ปรับ 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 engrave), การ import แบบภาพของ AutoCAD |
| DXF Faces (3DFACE triangulated) | SketchUp, Blender, 3ds Max, Rhino, Cinema 4D — เปิด Merge Coplanar Faces ตอน import |
แผน Free ส่งออก SVG และ PNG ที่ 2 สี Premium ปลดล็อกทุกรูปแบบด้วยจำนวนสีไม่จำกัด
การ import เฉพาะเครื่องมือ
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 fill มักถูกละเลย
Lightburn
- Cut รูปทรง → DXF Lines (เส้นโครงร่างถูกกำหนดให้โหมด Cut)
- Engrave พื้นที่เติม → DXF Hatch (พื้นที่เติมถูกกำหนดให้โหมด Fill / Scan)
AutoCAD / Fusion 360 / LibreCAD
Import DXF Lines สำหรับเส้นโครงร่าง DXF Hatch สำหรับพื้นที่เติม แต่ละสีกลายเป็น CAD layer ของตัวเอง
SketchUp (เส้นทาง DXF)
- ส่งออก DXF Faces
- File → Import → ตั้งประเภทไฟล์เป็น AutoCAD Files → เลือก DXF
- คลิก Options… ที่มุมขวาล่างของกล่องโต้ตอบ
- ติ๊ก Merge coplanar faces ใต้ Geometry → OK → Import
หากไม่มี Merge Coplanar Faces ทุก triangle จะเป็น face แยกกัน
ต้องการ face แบบ native และ component ที่แก้ไขซ้ำได้? ใช้ plugin SketchUp แทน — ไม่ต้องทำความสะอาด triangle ไม่ต้องส่งไป-กลับผ่าน DXF
Blender / 3ds Max / Rhino / Cinema 4D
Import DXF Faces Triangle อยู่บนระนาบเดียว — merge coplanar หลัง import หากเครื่องมือมีตัวเลือกนั้น
คำถามที่พบบ่อย
TracePen ใช้ AI หรือไม่?
ไม่ Tracer แบบ deterministic: ADU color quantization (Celebi 2014) → Mumford-Shah region merge (arXiv 2409.15940, 2024) → grid-walk contour tracer → Potrace Bezier fit (Selinger 2003) ภาพเดียวกันเข้า → SVG เดียวกันออก ทุกครั้ง สำคัญสำหรับการใช้งาน production (laser cutting, CNC, การพิมพ์)
Free tier คืออะไร?
2 สี (ขาวดำ) ส่งออก SVG และ PNG trace ไม่จำกัด ไม่ต้องลงทะเบียน ครอบคลุมงาน line-art, โลโก้, silhouette, laser-cut, Cricut และไวนิลส่วนใหญ่
Premium ปลดล็อกอะไร?
- จำนวนสีไม่จำกัด (trace แบบ multi-layer เต็มรูปแบบ)
- ทุกรูปแบบ: SVG, PNG, JPG, PDF, DXF Lines, DXF Hatch, DXF Faces
- Plugin SketchUp
- API endpoint ฝั่งเซิร์ฟเวอร์สำหรับ batch / automation
ซื้อครั้งเดียว ไม่มีค่าสมาชิก
ภาพของฉันถูกอัปโหลดหรือไม่?
- Free tier — ไม่มีการอัปโหลด ทุกอย่างทำงานในเบราว์เซอร์ของคุณ
- Premium multi-colour trace — ภาพถูกส่งไปยัง API endpoint ประมวลผล และทิ้งหลังการตอบกลับ ไม่จัดเก็บ
ฉันควรอัปโหลดรูปแบบภาพใด?
PNG เหมาะที่สุดสำหรับงานศิลปะแบน โลโก้ screenshot ไอคอน JPG ใช้ได้กับภาพถ่าย — เพิ่ม Noise filter เป็น 3–6 เพื่อทำความสะอาด JPEG compression artefact ก่อน trace
เปรียบเทียบกับ Vector Magic / Vectorizer.AI / Adobe Image Trace อย่างไร?
| เครื่องมือ | ประเภท | ราคา | ทำงานที่ไหน | DXF สำหรับ CNC / laser |
|---|---|---|---|---|
| TracePen | Trace แบบ deterministic | ฟรี · ครั้งเดียว | เบราว์เซอร์ + SU plugin | ✓ (Lines + Hatch + Faces) |
| Illustrator Image Trace | Trace แบบ deterministic | Subscription | Desktop | ผ่านการส่งออก |
| CorelDRAW PowerTRACE | Trace แบบ deterministic | ครั้งเดียว | Desktop | ผ่านการส่งออก |
| Inkscape Trace Bitmap | Potrace | ฟรี | Desktop | ผ่าน extension |
| Vector Magic | Trace แบบ deterministic | Subscription | Desktop + เว็บ | ✗ |
| Vectorizer.AI | AI | Subscription | เว็บ | ✗ |
TracePen เป็น tracer แบบ deterministic ฟรีบนเบราว์เซอร์เพียงตัวเดียวที่ส่งออก DXF Lines (สำหรับเครื่องตัด) และ DXF Faces (สำหรับ 3D) ได้ทันที — พร้อม plugin SketchUp แบบ native

