Inkscape Trace Bitmap: ทำเวกเตอร์ให้สะอาดขึ้น

Trace Bitmap เป็นเครื่องมือฟรีใน Inkscape สำหรับเปลี่ยนราสเตอร์ (PNG หรือ JPG) เป็นพาธเวกเตอร์ที่แก้ไขได้ กระบวนการนี้เรียกว่าการแปลงภาพเป็นเวกเตอร์ คู่มือลากเส้นปัจจุบันของ Inkscape เปิดด้วย Path > Trace Bitmap หรือ Shift + Alt + B และอธิบายขั้นตอนสแกนเดียวกับหลายสแกนด้านล่าง เครื่องมือเหมาะที่สุดกับงานสีเรียบ คอนทราสต์สูง เช่น โลโก้ ภาพเงา และลายเส้น ดูคู่มือลากเส้นของ Inkscape

เครื่องมือมีความสามารถมาก และความฟรีก็เป็นข้อได้เปรียบ แต่ขึ้นกับต้นฉบับและการตั้งค่า ผลลัพธ์อาจต้องเก็บงานมาก โดยเฉพาะภาพสี คู่มือนี้ครอบคลุมขั้นตอน การตั้งค่าที่สำคัญจริง วิธีแก้ผลลากเส้นที่ผิด และกรณีที่เครื่องมือคลิกเดียวช่วยประหยัดความยุ่งยาก

คำอธิบายฉบับสั้น

• วิธีเปิด: เลือกภาพ แล้วไป Path > Trace Bitmap (Shift + Alt + B)
• Single Scan สร้างพาธเดียว (เหมาะกับโลโก้ ภาพเงา ลายเส้น) Multiple Scans รักษาสีแต่สร้างวัตถุซ้อนหนึ่งชิ้นต่อสี ซึ่งแก้ไขยากขึ้น
• Brightness Cutoff เป็นโหมดหลักเริ่มต้น ปรับค่าเกณฑ์แล้วกด Update เพื่อดูตัวอย่างก่อน Apply
• ผลลากเส้นรก? ส่วนใหญ่แก้ด้วยค่าเกณฑ์ Speckles หรือต้นฉบับความละเอียดสูงขึ้น ผลที่โหนดมากเกินต้องใช้ Path > Simplify
• ไม่อยากปรับสิ่งเหล่านี้? ทางเลือกแทน Inkscape Trace Bitmap ตัดขั้นตอนจูนค่าเกณฑ์ออก ให้ตรวจพาธและจำนวนโหนดก่อนใช้ผลลัพธ์

วิธีลากเส้นบิตแมปใน Inkscape

ขั้นตอนพื้นฐานมีห้าข้อ:

1. นำเข้าภาพ ใช้ File > Import หรือลากลงพื้นที่งาน
2. เลือกภาพ ด้วยเครื่องมือ Selector รูปลูกศร
3. เปิดเครื่องมือ: Path > Trace Bitmap หรือ Shift + Alt + B กล่องพร้อมตัวอย่างสดจะเปิดขึ้น
4. เลือกโหมดและปรับ แล้วคลิก Update เพื่อรีเฟรชตัวอย่าง เมื่อถูกใจ คลิก Apply
5. แยกและเก็บงาน เวกเตอร์ใหม่วางทับราสเตอร์เดิมพอดี ใช้ Selector ลากออกข้าง แล้วลบภาพต้นฉบับ

เมื่อพาธพร้อม ใช้การส่งออก Inkscape ผ่านบรรทัดคำสั่งที่ทำซ้ำได้ สร้าง PNG ตามกรอบหน้าหรือเฉพาะวัตถุ โดยเก็บ SVG ต้นฉบับไว้

ควรใช้โหมดสแกนใด

กล่องมีสองแท็บ และการเลือกระหว่างสองแบบนี้กำหนดผลลัพธ์เกือบทั้งหมด

Single Scan สร้างหนึ่งพาธ เหมาะกับงานสีเดียวเรียบ ๆ มีโหมดย่อยดังนี้:

• Brightness Cutoff เป็นตัวเลือกหลักทั่วไป สร้างภาพเงาโดยแบ่งภาพเป็นขาวดำตามค่าเกณฑ์ที่ตั้ง เหมาะที่สุดกับโลโก้ ภาพเงา และรูปทรงทึบ
• Edge Detection ลากเฉพาะเส้นขอบรูปทรง ไม่ใช่สีเติม
• Color Quantization ลากขอบระหว่างสีต่างกัน
• Centerline Tracing ย่อรูปทรงเป็นเส้นเปิดเดียว ใช้กับลายมือ ลายเซ็น และลายเส้นบาง และเป็นตัวเลือกเมื่อต้องการผลเป็นเส้นอย่างเดียว

Multiple Scans รักษาสีหรือระดับเทา แต่มีเงื่อนไข: สร้างวัตถุแยกสำหรับแต่ละสแกน ขอ 10 สแกนก็ได้ 10 รูปทรงซ้อนกัน คู่มือ Inkscape ระบุว่าวัตถุเหล่านี้ซ้อนกันและอาจแก้ไขยาก โดยเฉพาะสำหรับมือใหม่ เหมาะเมื่อต้องใช้สีจริง ๆ แต่ต้องเตรียมยกเลิกกลุ่มและแยกวัตถุ ดูพฤติกรรมหลายสแกนที่ระบุในเอกสาร

การตั้งค่าที่สำคัญจริง

ตัวเลือกส่วนใหญ่จะยังไม่ช่วยจนกว่าคุณรู้ว่าตัวใดเปลี่ยนผลหลัก:

• Threshold (Brightness Cutoff) สไลเดอร์สำคัญที่สุด กำหนดว่าภาพส่วนใดเป็นดำหรือขาว ขยับแล้วดูตัวอย่าง สูงเกินกินรายละเอียด ต่ำเกินจับนอยส์
• Speckles ลดจุดเล็กเกินที่เครื่องมือลากเส้นจะเก็บไว้ เพิ่มค่านี้หากผลเต็มด้วยจุด
• Smooth corners และ Optimize paths ช่วยให้เส้นโค้งเรียบและลดจำนวนโหนด เปิดไว้เพื่อให้ผลแก้ไขง่ายขึ้น
• Colors / Scans (Multiple Scans) น้อยกว่ามักดีกว่าแทบเสมอ แต่ละสีที่เพิ่มคือวัตถุซ้อนอีกชิ้นที่ต้องจัดการภายหลัง

เริ่มจาก Brightness Cutoff ปรับค่าเกณฑ์จนตัวอย่างสะอาด และใช้ Multiple Scans เฉพาะเมื่อต้องการสีจริง ๆ

เมื่อ Trace Bitmap ให้ผลผิด

ปัญหา Trace Bitmap ที่คนค้นหามากมีสาเหตุง่าย ๆ:

• ไม่เกิดอะไรหรือผลว่าง คุณไม่ได้เลือกภาพก่อน หรือค่าเกณฑ์สุดด้าน คลิกภาพด้วย Selector แล้วเลื่อนค่าเกณฑ์กลับใกล้กลาง
• ผลดำหมดหรือขาวหมด เป็นค่าเกณฑ์อีกเช่นกัน เลื่อนอีกทิศแล้ว Update
• มีจุดเกินทั่วภาพ เพิ่ม Speckles เปิด Smooth corners และเริ่มจากต้นฉบับสะอาด ความละเอียดสูงกว่า JPG ที่มีนอยส์การบีบอัดเต็มจะลากนอยส์นั้นมาด้วยอย่างตรงไปตรงมา
• ขอบหยักและขรุขระ มักเกิดจากภาพป้อนเข้าความละเอียดต่ำ ลากเส้นภาพเวอร์ชันใหญ่และคมกว่า
• รูปทรงไม่ “สมบูรณ์แบบ” Trace Bitmap ตามพิกเซล ไม่ใช่รูปทรงเรขาคณิต วงกลมที่ลากจึงเป็นวงกลมประมาณที่สั่น สำหรับรูปทรงเรขาคณิตสะอาด ให้วาดใหม่ด้วยมือโดยใช้เครื่องมือรูปทรงของ Inkscape
• โหนดมากเกินไปมาก นี่เป็นปัญหาใหญ่ ดูด้านล่าง ใช้ Path > Simplify (Ctrl + L) ลดจำนวน แต่ทำให้รายละเอียดนุ่มลงด้วย

ผลลัพธ์อาจหนัก

สิ่งที่บทสอนมักข้ามคือ Trace Bitmap อาจสร้างโหนดจำนวนมาก และโหมดสีหลายสแกนสร้างวัตถุซ้อน หนึ่งชิ้นต่อสแกน การซ้อนเป็นพฤติกรรมในเอกสาร ไม่ใช่ตั้งค่าผิด

ผลลากเส้นที่บวมอาจแก้ไขและแสดงผลช้าลง ส่วนผลสีซ้อนใช้แรงมากขึ้นในการเปลี่ยนสีหรือเตรียมเป็นเลเยอร์ตัดแยก หากคุณจะปรับผลลัพธ์ ควรรู้วิธีแก้ไข SVG และเหตุที่ไฟล์ลากเส้นอัตโนมัติมีโหนดมากเกิน ก่อนเริ่ม Potrace อัลกอริทึมเบื้องหลังโหมด Brightness Cutoff ของ Inkscape อธิบายงานของตัวเองว่าแปลงบิตแมปเป็นเส้นขอบเวกเตอร์เรียบ ไม่ใช่สร้างรูปทรงต้นแบบกลับมา อ่านคำอธิบายเทคนิค Potrace

ตัวอย่างการทำงานด้วย PerfectVector

หากคุณอยากข้ามการตั้งค่าและเก็บงาน นั่นคือช่องที่เครื่องมือคลิกเดียวช่วยได้ การเปรียบเทียบ PerfectVector สำหรับผู้ใช้ Inkscape สร้างงานสีเรียบที่เหมาะสมใหม่เป็นพาธและรูปทรงสีที่แก้ไขได้โดยไม่ต้องปรับค่าเกณฑ์ เปรียบเทียบตัวอย่างฟรีกับต้นฉบับ ตรวจตำแหน่งโหนดและพาเลต แล้วใช้หนึ่งเครดิตเมื่อ SVG ที่เสร็จเหมาะกับขั้นตอนงานเท่านั้น

นี่เป็นการเลือกระหว่างการควบคุมเองกับวิธีอัตโนมัติที่สอง มากกว่าการแข่ง Inkscape กับ PerfectVector Trace Bitmap เหมาะเมื่อจำเป็นต้องฟรีหรือออฟไลน์ คุณต้องการกำหนดทุกค่า และงานเป็นภาพเงาง่าย ๆ เปรียบเทียบเครื่องมือแปลงเวกเตอร์อีกตัวเมื่องานมีสีหรือผลแรกต้องเก็บมาก แล้วเลือกตามความตรงต้นฉบับ โครงสร้างพาธ และเวลาแก้ไข หากทำงานใน Adobe ให้เปรียบเทียบ Illustrator Image Trace กับเครื่องมือ AI ด้านการควบคุม สี และการเก็บโหนด ก่อนเลือกขั้นตอน หากพื้นที่วาดของคุณคือ Krita คู่มือแปลงเวกเตอร์ Krita อธิบายว่าเมื่อใดควรวาดใหม่ แปลงภาพเงา หรือลากเส้นภายนอกก่อนนำ SVG กลับมา

เมื่อใดควรใช้แบบใด

• เลือก Trace Bitmap เมื่อ ต้องใช้ฟรี คุณต้องการควบคุมทุกค่าด้วยตัวเอง ภาพเป็นภาพเงาขาวดำหรือลายเส้นง่าย ๆ และทำเพียงบางครั้ง (มาจาก GIMP หรือไม่? Trace Bitmap เป็นเครื่องมือลากเส้นที่ตัว GIMP เองไม่มี)
• เลือกเครื่องมือแปลงเวกเตอร์คลิกเดียวเมื่อ ผลสะอาดโหนดน้อยสำคัญ ภาพมีสี คุณแปลงไฟล์จำนวนมาก หรือไม่อยากปรับค่าเกณฑ์เลย

ทั้งสองแบบให้ SVG จริงที่แก้ไขได้ ความต่างคือปริมาณการเก็บงานกว่าจะได้ไฟล์ใช้จริง

เมื่อรูปที่ลากเส้นเป็นพาธใช้งานได้แล้ว คุณสร้างขอบตกแต่งด้วย Inkscape Pattern Along Path ได้ ตรวจรูปทรงซ้ำตรงโค้ง และเก็บไฟล์ต้นแบบที่ยังปรับได้ก่อนทำเส้นขอบขั้นสุดท้าย

คำถามที่พบบ่อย

การตั้งค่า Trace Bitmap ที่ดีที่สุดใน Inkscape คืออะไร? สำหรับภาพส่วนใหญ่ ใช้ Single Scan กับ Brightness Cutoff แล้วปรับค่าเกณฑ์พร้อมดูตัวอย่างสด เปิด Smooth corners กับ Optimize paths เพื่อลดโหนด และเพิ่ม Speckles หากมีจุดเกิน ใช้ Multiple Scans กับ Colors เฉพาะเมื่อต้องใช้สีจริง และคงจำนวนสีต่ำ

ทำไม Inkscape Trace Bitmap ไม่ทำงาน? สาเหตุทั่วไปคือไม่ได้เลือกภาพ เลือกด้วย Selector ก่อน หากตัวอย่างว่าง ดำหมด หรือขาวหมด ค่าเกณฑ์อยู่สุดด้าน ให้ลากกลับใกล้กลางแล้วคลิก Update ตรวจว่านำเข้าภาพถูกต้องด้วย File > Import

ลากเฉพาะเส้นขอบภาพใน Inkscape อย่างไร? ใช้ Single Scan กับ Edge Detection เพื่อลากขอบรูปทรง หรือ Centerline Tracing เพื่อย่อภาพเป็นเส้นเปิดเดียว Centerline เหมาะกับลายมือ ลายเซ็น และลายเส้นบางที่ต้องการเส้นแทนรูปทรงเติมสี

ทำไมผลลากเส้น Inkscape มีโหนดมาก? Trace Bitmap หาเส้นขอบจากบิตแมป ภาพละเอียดหรือมีนอยส์จึงสร้างจุดยึดหนาแน่นไม่สม่ำเสมอได้ ใช้ Path > Simplify (Ctrl + L) ลดจำนวน เปิด Optimize paths ไว้ และเริ่มจากต้นฉบับสะอาดความละเอียดสูง หากจำนวนโหนดสำคัญ ให้เทียบพาธจากการลากเส้นมากกว่าหนึ่งวิธีก่อนเลือกผล

Inkscape ลากเส้นภาพสีได้หรือไม่? ได้ ใช้ Multiple Scans ตั้งเป็น Colors แต่จะสร้างวัตถุซ้อนหนึ่งชิ้นต่อสี ผลแก้ไขและลอกเศษยากกว่า เพราะต้องยกเลิกกลุ่มและแยกเลเยอร์ คงจำนวนสีต่ำที่สุดเท่าที่แบบอนุญาต

Inkscape Trace Bitmap ฟรีหรือไม่? ฟรี Inkscape เป็นซอฟต์แวร์ฟรีและโอเพนซอร์สบน Windows, Mac และ Linux และ Trace Bitmap อยู่ในตัวโดยไม่มีค่าใช้จ่าย

แหล่งข้อมูล

1. Inkscape — การลากเส้นภาพ — ขั้นตอนปัจจุบัน โหมดสแกน ตัวควบคุมตัวอย่าง และพฤติกรรมหลายสแกน
2. Potrace — เปลี่ยนบิตแมปเป็นกราฟิกเวกเตอร์ — ภาพรวมโครงการอย่างเป็นทางการของเครื่องมือลากบิตแมปเป็นพาธที่โหมด Brightness Cutoff ของ Inkscape ใช้
3. Selinger — Potrace: อัลกอริทึมลากเส้นโดยใช้รูปหลายเหลี่ยม — คำอธิบายทางเทคนิคว่าเส้นขอบบิตแมปกลายเป็นเส้นโค้งเวกเตอร์อย่างไร
4. Adobe Illustrator — ลดความซับซ้อนพาธอัตโนมัติ — เอกสารอิสระเกี่ยวกับข้อแลกเปลี่ยนระหว่างรายละเอียดกับจำนวนจุดยึดเมื่อลดความซับซ้อนพาธ

---

Trace Bitmap เป็นเครื่องมือฟรีที่มีความสามารถเมื่อคุณรู้ว่าควรใช้โหมดและค่าใด หากผลแรกต้องปรับมากหรือเก็บโหนดมาก ให้เทียบกับขั้นตอนทางเลือกแทน Inkscape บนต้นฉบับเดียวกัน และเลือกตามความตรงต้นฉบับ โครงสร้างพาธ และเวลาแก้ไข