SVG, EPS และ AI ต่างกันอย่างไร? อธิบายครบในบทเดียว

1. บทบาทของสามรูปแบบในหนึ่งบรรทัดต่อหนึ่งรูปแบบ

SVG: มาตรฐานเวกเตอร์แบบเปิดที่สร้างมาเพื่อเว็บ เบราว์เซอร์รองรับ natively; EPS: รูปแบบแลกเปลี่ยนสำหรับงานพิมพ์ยุคเก่าที่สร้างบนพื้นฐาน PostScript; AI: รูปแบบไฟล์โปรเจกต์เฉพาะของ Adobe Illustrator ทั้งสามเก็บงานเวกเตอร์เหมือนกัน แต่บทบาทและระบบนิเวศต่างกันมาก ความเข้าใจการแบ่งงานกันนี้ช่วยหลีกเลี่ยงการส่งมอบด้วยรูปแบบผิดแล้วต้องเสียแรงทำใหม่

2. ตารางเปรียบเทียบอย่างละเอียด

หัวข้อ	SVG	EPS	AI
ความเป็นธรรมชาติ	มาตรฐานเปิดของ W3C (XML)	รูปแบบห่อ PostScript	รูปแบบเฉพาะของ Illustrator
ระดับการเปิด	เปิดสนิท อ่านเป็นข้อความได้	ข้อกำหนดเปิดเผย รองรับกว้าง	เป็นรูปแบบเฉพาะ
แสดงผลในเบราว์เซอร์	รองรับ natively	ไม่รองรับ	ไม่รองรับ
การใช้งานหลัก	ไอคอนเว็บ ภาพประกอบ แผนภาพ	ส่งมอบงานพิมพ์และงานแกะสลัก	ไฟล์ต้นฉบับงานออกแบบ
ความสามารถในการแก้ไข	แก้ไขระดับเส้นทาง	จำกัด	ครบทั้งชั้น อาร์ดบอร์ด และเอฟเฟกต์

3. SVG: ตัวเลือกอันดับหนึ่งสำหรับเว็บและงานหลายแพลตฟอร์ม

จุดแข็งของ SVG คือเปิดและเข้ากับเว็บ: เบราว์เซอร์วาดได้ทันที CSS และ JavaScript เปลี่ยนสีและทำแอนิเมชันได้ ไฟล์เล็กและบีบอัดได้ดี และแก้ไขได้ด้วยโปรแกรมแก้ไขข้อความใด ๆ ข้อจำกัดคือสียังเป็น RGB เป็นหลัก คุณสมบัติการพิมพ์ระดับมืออาชีพอย่างสีพิเศษและการพิมพ์ทับซ้อนจึงรองรับได้ไม่ดีนัก งานพิมพ์ขั้นสูงยังนิยม PDF หรือ EPS สำหรับทรัพยากรเว็บทั่วไป ไอคอน และโลโก้ SVG คือคำตอบโดยค่าเริ่มต้น นอกจากนี้ SVG ยังฝังลงใน HTML ได้โดยตรง ภาพจะโหลดพร้อมหน้าและตัด request ภาพได้หนึ่งครั้ง และเมื่อต้องการบิตแมปก็ยังส่งออกเป็น PNG ได้ทุกความละเอียด จึงเลือกได้สะดวกทั้งสองทาง

4. EPS: รูปแบบแลกเปลี่ยนงานพิมพ์คลาสสิก

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

5. AI: ไฟล์งานของนักออกแบบ

AI คือรูปแบบดั้งเดิมของ Illustrator เก็บชั้น อาร์ดบอร์ด เอฟเฟกต์ และข้อความที่ยังแก้ไขได้ไว้ครบ จึงถือเป็นไฟล์งานระหว่างทำ ไม่ใช่รูปแบบส่งมอบ เป็นรูปแบบเฉพาะ ต้องใช้ Illustrator หรือซอฟต์แวร์ที่เข้ากันได้จึงจะเปิดและแก้ไขได้ บนเว็บไม่ควรใช้ไฟล์ AI โดยตรง ต้องส่งออกเป็น SVG หรือ PNG แทน ไฟล์ AI มักฝังชั้นที่เข้ากับ PDF ทำให้แอปที่ไม่ใช่ของ Adobe หลายตัวดูตัวอย่างได้ แต่การแก้ไขเต็มรูปแบบยังควรกลับไปทำใน Illustrator เพื่อไม่ให้เอฟเฟกต์หาย

6. การเลือกและการแปลงไปมา

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

• ใช้บนเว็บ: เลือก SVG โดยไม่ต้องคิดมาก;
• โรงพิมพ์ต้องการ EPS หรือ AI: เปิด SVG ใน Illustrator หรือ Inkscape แล้วบันทึกเป็นรูปแบบเป้าหมาย;
• ได้รับไฟล์ EPS หรือ AI มาแล้วต้องการขึ้นเว็บ: เปิดในโปรแกรมออกแบบ ส่งออกเป็น SVG แล้วบีบอัดด้วย SVGO;
• เก็บเอกสารระยะยาว: เก็บไฟล์ต้นฉบับ AI แล้วเก็บสำเนา SVG ไว้ข้าง ๆ กัน เพื่อให้ทั้งแก้ไขได้และใช้งานได้ทั่วไป

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