รูปแบบไฟล์

SVG - ไฟล์ Scalable Vector Graphics

เรียนรู้เกี่ยวกับไฟล์ SVG (Scalable Vector Graphics) รูปแบบภาพเวกเตอร์ยอดนิยมที่ใช้สำหรับโลโก้ ภาพประกอบ และกราฟิกบนเว็บ ดูคุณลักษณะของไฟล์และวิธีเปิดไฟล์

ไฟล์ SVG คืออะไร?

SVG ย่อมาจาก Scalable Vector Graphics เป็นรูปแบบไฟล์ที่ใช้สร้างและแสดงผลกราฟิกแบบเวกเตอร์บนเว็บ ต่างจากกราฟิกแรสเตอร์ (เช่น JPEG หรือ PNG) ที่ใช้ตารางพิกเซลในการสร้างภาพ กราฟิกเวกเตอร์ใช้สมการทางคณิตศาสตร์และรูปทรงเรขาคณิต ดังนั้นไฟล์ SVG จึงไม่ขึ้นกับความละเอียด และสามารถปรับขนาดได้ทุกขนาดโดยไม่สูญเสียความคมชัด

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

ไฟล์ SVG ยังสามารถ:

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

ฉันจะเปิดไฟล์ SVG ได้อย่างไร?

ต่อไปนี้คือโปรแกรมที่นิยมใช้เปิดไฟล์ SVG:

  • Adobe Illustrator
  • Inkscape
  • CorelDRAW
  • GIMP
  • Affinity Designer
  • LibreOffice Draw
  • Adobe Photoshop
  • Apple Preview

โปรดทราบว่าเว็บเบราว์เซอร์บางตัว เช่น Chrome และ Firefox ก็สามารถเปิดไฟล์ SVG ได้เช่นกัน