จริง ๆ แล้ว SVG คืออะไร
เปิดไฟล์ SVG ในโปรแกรมแก้ไขข้อความ แล้วคุณจะเห็นว่ามันเป็นข้อความที่อ่านได้ มันเขียนด้วย XML ซึ่งเป็นรูปแบบแท็กธรรมดา และรูปทรงทุกชิ้นถูกอธิบายด้วยตัวเลขและคำ องค์ประกอบ path ลากเส้นโครงร่าง rect วาดสี่เหลี่ยม องค์ประกอบข้อความเก็บตัวอักษรจริงที่เลือกได้ ไม่มีอะไรถูกฝังตายตัวเป็นตารางจุด
นั่นคือเคล็ดลับทั้งหมด รูปถ่ายมีจำนวนพิกเซลตายตัว การขยายจึงทำให้เบลอและแตกเป็นบล็อก แต่ SVG ไม่มีความละเอียดตายตัว เมื่อคุณปรับขนาด คณิตศาสตร์ก็แค่ถูกคำนวณใหม่ โลโก้จึงคมชัดบนนามบัตรพอ ๆ กับบนป้ายบิลบอร์ด สำหรับงานอาร์ตแบบแบนที่มีรูปทรงไม่กี่ชิ้น ไฟล์มักจะเล็กจิ๋วด้วย เพราะคุณเก็บสูตรสั้น ๆ แทนที่จะเก็บจุดสีนับล้าน
SVG เหมาะกับงานแบบไหน
SVG โดดเด่นเรื่องโลโก้ ไอคอน และกราฟิกบนเว็บ โลโก้ไฟล์เดียวปรับขนาดได้ทุกขนาดที่คุณต้องการ จึงไม่ต้อง export PNG สิบไฟล์ ไอคอนคมกริบบนหน้าจอความละเอียดสูง กราฟ ไดอะแกรม และภาพประกอบที่สร้างจากรูปทรงสะอาด ๆ ล้วนเหมาะกับฟอร์แมตนี้
แต่มันไม่ค่อยเหมาะกับรูปถ่าย ภาพใบหน้าหรือวิวทิวทัศน์ไม่มีรูปทรงเรียบร้อยให้อธิบาย ฟอร์แมต raster อย่าง JPG หรือ PNG จึงเป็นเครื่องมือที่ถูกต้องในกรณีนั้น หลักคร่าว ๆ: ถ้าคุณวาดมันด้วยปากกาได้ SVG น่าจะเหมาะ ถ้ามันออกมาจากกล้อง ก็คงไม่ใช่
วิธีเปิดและแก้ไข SVG
การเปิดนั้นง่าย เว็บเบราว์เซอร์สมัยใหม่ทุกตัวอ่าน SVG ได้ คุณจึงลากไฟล์เข้า Chrome, Safari, Firefox หรือ Edge แล้วเห็นได้ทันที แต่นั่นคือการดู ไม่ใช่การแก้ไข การจะเปลี่ยนรูปทรง สี หรือข้อความ คุณต้องใช้ตัวแก้ไขเวกเตอร์ที่เข้าใจฟอร์แมตนี้
ตัวแก้ไขบางตัวต้องติดตั้งและมีไลเซนส์ แต่คุณก็ทำในเบราว์เซอร์ได้เช่นกัน Rayzia เปิดและแก้ไข SVG ออนไลน์ฟรีที่ rayzia.com/vector/ โดยไฟล์อยู่บนอุปกรณ์ของคุณจนกว่าคุณจะเลือกบันทึกขึ้นคลาวด์ เอกสารที่คุณแก้ไขเป็น SVG จริงตลอดเวลา สิ่งที่ export ออกมาจึงตรงกับสิ่งที่คุณวาดเป๊ะ ไม่มีขั้นตอนแปลงไฟล์มาทำให้เพี้ยน
มาตรฐานเปิดที่ไม่มีใครเป็นเจ้าของ
SVG ไม่ใช่ฟอร์แมตกรรมสิทธิ์ที่ผูกกับซอฟต์แวร์ของบริษัทใดบริษัทหนึ่ง มันเป็นมาตรฐานเปิดที่ดูแลโดย W3C กลุ่มเดียวกับที่อยู่เบื้องหลัง HTML และ CSS และเป็นแบบนี้มานานกว่าสองทศวรรษ เครื่องมือใดก็ตามสามารถอ่านและเขียนมันได้อย่างเสรี
เรื่องนี้สำคัญในระยะยาว ไฟล์ในฟอร์แมตปิดอาจกักคุณไว้เมื่อซอฟต์แวร์ที่สร้างมันหายไปหรือเปลี่ยนมือ แต่มาตรฐานเปิดแบบข้อความอย่าง SVG จะยังเปิดในเบราว์เซอร์ได้อีกหลายปีข้างหน้า และคุณย้ายมันระหว่างเครื่องมือใดก็ได้ที่รองรับโดยไม่เสียงานของคุณ
คำถามที่พบบ่อย
SVG ดีกว่า PNG หรือ JPG ไหม?
ขึ้นอยู่กับภาพ SVG ชนะสำหรับโลโก้ ไอคอน และกราฟิกแบบแบน เพราะคมชัดทุกขนาดและไฟล์มักเล็กกว่า ส่วน PNG และ JPG เหมาะกับรูปถ่ายมากกว่า เพราะไม่มีรูปทรงสะอาด ๆ ให้อธิบายด้วยคณิตศาสตร์
เปิดไฟล์ SVG โดยไม่ต้องมีซอฟต์แวร์พิเศษได้ไหม?
ได้ เว็บเบราว์เซอร์สมัยใหม่ทุกตัวเปิดและแสดงไฟล์ SVG ได้ แค่ลากไฟล์เข้า Chrome, Firefox, Safari หรือ Edge เพื่อดู แต่ถ้าจะแก้ไขสิ่งที่อยู่ในไฟล์ คุณต้องใช้ตัวแก้ไขเวกเตอร์
จะแก้ไขไฟล์ SVG ได้อย่างไร?
คุณต้องใช้ตัวแก้ไขเวกเตอร์ ไม่ใช่แอปแต่งรูป ทำในเบราว์เซอร์ได้ฟรีที่ Rayzia (rayzia.com/vector/): เปิดไฟล์ SVG แก้ไขรูปทรง ข้อความ และสี แล้ว export กลับเป็น SVG หรือ PNG
ไฟล์ SVG ปลอดภัยสำหรับใช้บนเว็บไซต์ของฉันไหม?
ปลอดภัย และเหมาะกับเว็บมาก เบราว์เซอร์เรนเดอร์ได้โดยตรง คมชัดบนหน้าจอความละเอียดสูง และไฟล์แบบง่าย ๆ มีขนาดเล็กจึงโหลดเร็ว SVG เป็นมาตรฐานเปิดของ W3C องค์กรเดียวกับที่อยู่เบื้องหลัง HTML และ CSS