แปลงภาพถ่ายเป็น SVG: อะไรได้ผล อะไรไม่ได้ผล

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

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

ขั้นแรก: “แปลงภาพถ่ายเป็น SVG” ทำอะไรจริง

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

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

สิ่งที่ได้จริง

นำภาพถ่ายเข้าเครื่องมือลากเส้นสีทั่วไป ข้อแลกเปลี่ยนมักอยู่ระหว่างสองผล ขึ้นกับรายละเอียดที่ขอเก็บ:

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

ภาพถ่าย

เมื่อเป็น SVG

นี่คือข้อแลกเปลี่ยนที่คาดได้เมื่อประมาณโทนต่อเนื่องด้วยบริเวณเวกเตอร์แก้ไขได้ ตัวควบคุม Image Trace ของ Adobe ให้ปรับจำนวนสี การแนบพาธ มุม และนอยส์ เพราะเปลี่ยนความตรงต้นฉบับแล้วปริมาณและความซับซ้อนของรูปทรงก็เปลี่ยน

ภาพถ่ายแบบใดแปลงได้ดี และแบบใดไม่ดี

เส้นแบ่งง่ายมาก เวกเตอร์ประกอบด้วยบริเวณสีเรียบและขอบสะอาด หากภาพถ่ายคุณดูแบบนั้นอยู่แล้วก็แปลงดี หากเต็มด้วยโทนค่อย ๆ เปลี่ยนก็ไม่ดี

หากภาพอยู่กลุ่มบน เหมาะกับการลากเส้นง่ายมากกว่า หากอยู่กลุ่มล่าง ตัดสินว่าต้องการผลมีสไตล์โดยตั้งใจหรือไม่ ไม่เช่นนั้นเก็บราสเตอร์หรือให้นักวาดสร้างใหม่

ทำไมภาพถ่ายจึงทำให้เครื่องมือแปลงทำงานยาก

สามสิ่งในภาพถ่ายขัดกับการลากเส้นสะอาด:

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

วิธีได้ผลใช้ได้จริง

หากยังต้องการเวกเตอร์จากภาพถ่าย ต่อไปนี้คือวิธีได้สิ่งคุ้มใช้:

1. ปรับสไตล์โดยตั้งใจ ยอมรับลักษณะสีเป็นชั้นและใช้ให้เป็น ลดจำนวนสีอย่างตั้งใจเพื่อผลสกรีนหรือโปสเตอร์สะอาด นี่คือกรณีที่แปลงภาพถ่ายเป็นเวกเตอร์ได้เด่นจริง และเป็นวิธีทำงานโปสเตอร์กับสินค้าจำนวนมาก
2. ดึงเฉพาะส่วนสีเรียบ หากในภาพมีโลโก้ รูปทรง หรือภาพเงาชัด ให้ครอปหรือมาสก์เหลือองค์ประกอบนั้นแล้วแปลงเฉพาะส่วน โลโก้บนหน้าร้านลากเส้นได้ดีเมื่อแยกจากฉากรอบ
3. เริ่มจากงานที่เหมาะกว่า หากมีภาพประกอบสีเรียบ หรือสร้างตัวแบบเป็นรูปทรงง่ายได้ ให้แปลงสิ่งนั้นแทนภาพถ่าย (หากต้นฉบับเป็นงาน AI ไม่ใช่ภาพถ่ายจริง การแปลงงาน AI เป็นเวกเตอร์สำหรับพิมพ์ มีแนวทางของตัวเอง)

ทางเลือกที่สี่อย่างตรงไปตรงมา: หากต้องการให้ภาพถ่ายจริงคมในขนาดใหญ่ อย่าแปลงเวกเตอร์เลย PNG หรือ JPG ความละเอียดสูงเป็นรูปแบบที่เหมาะกับรายละเอียดภาพถ่าย เวกเตอร์ไม่ใช่เครื่องมือเพิ่มความละเอียดภาพถ่ายมหัศจรรย์

สำหรับต้นฉบับ iPhone ให้เตรียมภาพ HEIC สำหรับแปลงเวกเตอร์ก่อนตัดสินผลลากเส้น

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

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

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

เครื่องมือเดียวกัน ข้อมูลเข้าสองแบบต่างมาก

เมื่อใดควรข้ามและเก็บภาพถ่ายไว้

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

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

แปลงภาพถ่ายเป็น SVG ฟรีได้หรือไม่? ได้ บางเครื่องมือรับภาพถ่ายและให้ SVG ฟรี และคุณดูตัวอย่างการแปลงแรก ๆ ที่นี่โดยไม่ใช้บัตรเครดิตได้ แต่ราคาไม่เปลี่ยนข้อแลกเปลี่ยนความตรงกับความซับซ้อน ภาพละเอียดโดยทั่วไปเป็นภาพประมาณมีสไตล์หรือเวกเตอร์ซับซ้อน ไม่ใช่เวกเตอร์ภาพถ่ายง่าย ๆ

ทำไมภาพถ่ายดูสีเป็นชั้นหรือแปลกหลังแปลง SVG? นั่นคือการแปลงเวกเตอร์ทำงาน มันวาดใหม่เป็นบริเวณสีเรียบ การไล่สีในภาพจึงลดเป็นปื้นทึบไม่กี่ชิ้น ลักษณะโปสเตอร์เป็นสิ่งที่คาดได้ หากชอบให้ใช้ประโยชน์ หากไม่ชอบ ภาพนั้นไม่เหมาะกับการแปลงเวกเตอร์

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

ภาพถ่ายชนิดใดแปลงเป็น SVG ดีที่สุด? ภาพสีเรียบ คอนทราสต์สูง มีสีชัดไม่กี่สี: โลโก้ ไอคอน ลายเส้น และภาพเงาง่าย ยิ่งภาพดูใกล้งานเวกเตอร์สีเรียบอยู่แล้ว การแปลงยิ่งดี ใบหน้า ทิวทัศน์ และภาพไล่สีมากให้ผลแย่ที่สุด

การแปลงภาพถ่ายเป็น SVG เก็บสีเดิมหรือไม่? เก็บเป็นบริเวณสีเรียบโดยประมาณ ไม่ใช่การผสมเรียบ เครื่องมือแปลง "มีสี" สุ่มสีจากภาพและเติมรูปทรงที่ลากด้วยสีนั้น จึงดูเป็นชั้นแทนภาพถ่าย

ผลเป็นเวกเตอร์จริงที่แก้ไขได้หรือไม่? เฉพาะเมื่อเครื่องมือลากเส้นภาพจริง SVG อนุญาตราสเตอร์ฝัง ส่วนขยาย .svg อย่างเดียวจึงไม่ใช่หลักฐาน ตรวจในโปรแกรมเวกเตอร์ เนื้อหาที่ลากเส้นเลือกเป็นพาธหรือรูปทรงได้ ส่วนภาพถ่ายฝังยังเป็นวัตถุภาพที่มีความละเอียดพิกเซลตายตัว

แหล่งข้อมูล

1. W3C — SVG 2 — ความสามารถเวกเตอร์ การไล่สี ข้อความ และราสเตอร์ของ SVG
2. Adobe Illustrator — ตัวเลือกแผง Image Trace — ตัวควบคุมสี พาธ มุม และนอยส์ที่กำหนดความซับซ้อนของการลากเส้น
3. Adobe Photoshop — รูปแบบภาพที่รองรับ — การบีบอัด JPEG แบบสูญเสีย และ PNG แบบไม่สูญเสีย
4. Inkscape — บทสอนลากเส้น — คำอธิบายอย่างเป็นทางการเรื่องลากเส้นบิตแมปและผลสีหลายสแกน
5. W3C — เนื้อหาฝัง SVG — ภาพราสเตอร์ที่ฝังใน SVG

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