PNG ประกอบด้วยช่องสีเล็ก ๆ ที่เรียกว่าพิกเซล ส่วนภาพเวกเตอร์เก็บเส้นและรูปทรงของภาพ จึงขยายรูปทรงเหล่านั้นได้โดยขอบไม่แตกเป็นพิกเซลขนาดใหญ่

ทำไมโรงพิมพ์ถึงขอโลโก้เวกเตอร์?

โลโก้ที่ดูชัดบนโทรศัพท์อาจเบลอเมื่อพิมพ์บนป้ายใหญ่ ลองขอไฟล์ SVG, AI, EPS หรือ PDF ต้นฉบับจากผู้ออกแบบก่อน โดยทั่วไปจะได้ผลดีกว่าการแปลง PNG ขนาดเล็ก

ดูแค่นามสกุลไฟล์ไม่ได้ เพราะ PDF หรือ SVG อาจมีภาพธรรมดาอยู่ข้างใน เปิดด้วย Inkscape หรือ Illustrator แล้วลองเลือกและแก้ไขรูปทรงแต่ละส่วน

พาธคืออะไร?

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

การสร้างพาธจาก PNG เรียกว่าการแปลงเป็นเวกเตอร์หรือการลากเส้นตามภาพ โปรแกรมต้องคาดคะเนขอบจากภาพ จึงอาจผิดพลาด โดยเฉพาะตัวอักษรเล็กและรายละเอียดที่เบลอ

ลองเทียบไฟล์ทั้งสอง

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

ภาพต้นฉบับ
ภาพต้นฉบับ
SVG ที่แปลงแล้ว
SVG ที่แปลงแล้ว
รายละเอียดต้นฉบับ
รายละเอียดต้นฉบับ
รายละเอียดหลังแปลง
รายละเอียดหลังแปลง
ภาพต้นฉบับ · SVG ที่แปลงแล้ว · ตัวอย่างนี้ทำอย่างไร

ถ้ามีแค่ PNG

  1. ใช้ต้นฉบับที่ใหญ่และชัดที่สุด หลีกเลี่ยงภาพหน้าจอของโลโก้บนผนัง เว็บไซต์ หรือนามบัตร
  2. แปลงแล้วเทียบตัวอักษร มุม และช่องเล็ก ๆ กับต้นฉบับ
  3. เปิดในแอปที่จะนำไปใช้ ตรวจทั้งตอนขยายและขนาดใช้งานจริง
  4. ถามโรงพิมพ์ว่าต้องการฟอร์แมตและขนาดกว้างยาวเท่าไร

เปลี่ยนชื่อจาก .png เป็น .svg ไม่ใช่การแปลงภาพ ส่วนภาพถ่ายมักเหมาะกับฟอร์แมตภาพมากกว่าการเปลี่ยนเป็นรูปทรงหลายพันชิ้น