แปลงเป็น SVG

ประเภทข้อมูล	Image
ประเภท MIME	image/svg
ผู้พัฒนา	W3C (SVG Working Group)
กรณีการใช้งานหลัก	ไอคอนและโลโก้, ภาพประกอบ, ไดอะแกรม, กราฟ/ชาร์ต, กราฟิก UI, เว็บแบบ responsive, แอสเซ็ตเวกเตอร์สำหรับงานพิมพ์

รูปแบบไฟล์ SVG คืออะไร?

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

คุณสมบัติของไฟล์ SVG

ประเภทข้อมูล	Image
ประเภท MIME	image/svg
ประเภทโครงสร้าง	XML tree (elements/attributes) + optional embedded/linked resources (images, fonts) + optional scripts/styles
รูปแบบคอนเทนเนอร์	เอกสาร XML (SVG) ใน namespace ของ SVG; สามารถใช้แบบ inline ใน HTML ได้ และมีตัวเลือก gzip ที่มักเรียก SVGZ (.svgz).
เมตาดาตา	เมทาดาทาอยู่ใน XML (<title>, <desc>, <metadata>) และแบบ RDF/XMP; Exif ไม่ใช่มาตรฐานของ SVG
มาตรฐาน / ข้อกำหนด	W3C Scalable Vector Graphics (SVG) 1.1 / SVG 2
ขนาดไฟล์โดยทั่วไป	Often small for icons/logos (a few KB), but can grow significantly for complex artwork; SVGZ can reduce transfer size
ปีที่เปิดตัว	2001

ข้อดี

รูปแบบไฟล์ SVG มีข้อดีหลายประการ ทำให้เหมาะสำหรับการใช้งานทั่วไป

คมชัดทุกขนาด;
ไฟล์เล็กสำหรับงานง่าย;
แก้ไขได้;
ใช้ CSS/DOM ได้;
โต้ตอบได้;
เหมาะมากกับไอคอน/UI

ข้อจำกัด

รูปแบบไฟล์ SVG มีข้อจำกัดบางประการ ซึ่งอาจส่งผลต่อการใช้งานในบางสถานการณ์

SVG เป็นฟอร์แมตเอกสาร: อาจมีสคริปต์ ลิงก์ภายนอก ฟิลเตอร์ และ <foreignObject> สำหรับเว็บควรทำให้เรียบง่าย ใช้ SVGZ เฉพาะเมื่อเซิร์ฟเวอร์ตั้ง header ถูก และต้อง sanitize SVG ที่ไม่น่าเชื่อถือ

ความเข้ากันได้

ไฟล์เวกเตอร์ SVG รองรับโดยแอปพลิเคชันกราฟิกและออกแบบหลากหลาย

แพลตฟอร์มที่รองรับ: All major modern browsers; Windows, macOS, Linux, Android, iOS
อุปกรณ์ที่รองรับ: Browsers, smartphones, tablets, computers; widely used for UI icons and web graphics
รองรับเบราว์เซอร์: ใช่
รองรับอุปกรณ์มือถือ: ใช่
รองรับคลาวด์: ใช่
ความเข้ากันได้ย้อนหลัง: ใช่

ข้อควรพิจารณาด้านความปลอดภัย

มอง SVG ที่ไม่น่าเชื่อถือว่าเป็นคอนเทนต์แบบ active: สคริปต์/อีเวนต์และทรัพยากรภายนอกอาจทำให้เกิด XSS หากเสิร์ฟตรง ๆ ควร sanitize และกำหนดกติกาเข้มงวด

ใบอนุญาต

Open W3C standard

Scalable Vector Graphics (SVG) เป็นมาตรฐาน W3C สำหรับกราฟิกเวกเตอร์ 2D (รวมถึงคอนเทนต์แบบผสมเวกเตอร์/แรสเตอร์) ด้วย XML สามารถฝังใน HTML, จัดสไตล์ด้วย CSS, ควบคุมผ่าน DOM และทำให้โต้ตอบได้ด้วย JavaScript โดยมากเป็นไฟล์ .svg แบบข้อความ และมีเวอร์ชันบีบอัด gzip ชื่อ SVGZ (.svgz) ด้วย media type ทางการคือ image/svg+xml แต่บางระบบเก่าอาจใช้ชื่อไม่เป็นทางการ

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

เครื่องมือแปลง

แปลงรูปภาพ แปลงเอกสาร แปลงเสียง แปลงวิดีโอ แปลงงานนำเสนอ

บริษัท

บล็อก เกี่ยวกับเรา คำถามที่พบบ่อย ความปลอดภัย นโยบายความเป็นส่วนตัว เงื่อนไขการให้บริการ