รูปแบบ SVG
ไม่ใช่พิกเซลเลย — เป็นคำสั่งสำหรับการวาดรูปร่าง ดังนั้นจึงยังคงคมชัดที่ขนาดใดก็ได้
SVG คืออะไร?
SVG เป็นรูปแบบเวกเตอร์ที่ใช้ XML แทนที่จะจัดเก็บตารางพิกเซล มันจัดเก็บรูปทรงเรขาคณิต: เส้นทาง, วงกลม, การไล่ระดับสี, ข้อความ เบราว์เซอร์จะแสดงผลที่ขนาดใดก็ได้ที่ต้องการ ดังนั้นโลโก้ SVG จึงคมชัดเท่ากันบนโทรศัพท์และบนป้ายโฆษณา
สำหรับงานศิลปะแบบแบนราบและเรขาคณิต มันยังมีขนาดเล็กมาก โลโก้ที่มีขนาด 40 KB ในรูปแบบ PNG มักจะมีขนาด 2 KB ในรูปแบบ SVG และต้องการไฟล์เพียงไฟล์เดียวแทนที่จะเป็นหนึ่งไฟล์ต่อความหนาแน่นของพิกเซล
เนื่องจากเป็น XML, SVG สามารถมีสคริปต์, การอ้างอิงภายนอก และสไตล์ที่ฝังอยู่ได้ นั่นทำให้มันเป็นเนื้อหาที่ใช้งานได้จริง และ SVG จากแหล่งที่ไม่น่าเชื่อถือควรได้รับการปฏิบัติด้วยความระมัดระวังเช่นเดียวกับไฟล์ HTML — ซึ่งเป็นเหตุผลที่ KaiConvert ไม่เคยแทรกมาร์กอัป SVG โดยพลการลงในหน้า
การใช้งานทั่วไป
- โลโก้, ไอคอน และกราฟิกอินเทอร์เฟซ
- แผนภูมิและการแสดงข้อมูล
- ภาพประกอบและภาพลายเส้นที่ต้องปรับขนาด
- สิ่งใดก็ตามที่ต้องแสดงผลอย่างคมชัดในทุกความหนาแน่น
ข้อดี
- ไม่ขึ้นกับความละเอียด — คมชัดที่ขนาดใดก็ได้
- ไฟล์มีขนาดเล็กมากสำหรับงานศิลปะเรขาคณิต
- สามารถจัดรูปแบบและสร้างแอนิเมชันได้ด้วย CSS
- ข้อความภายใน SVG ยังคงเป็นข้อความจริงที่สามารถเลือกได้
ข้อจำกัด
- ไม่เหมาะสำหรับภาพถ่าย
- ภาพประกอบที่ซับซ้อนอาจใช้เวลาในการแสดงผลนาน
- สามารถมีสคริปต์ได้ ดังนั้น SVG ที่ไม่น่าเชื่อถือจึงเป็นความเสี่ยงด้านความปลอดภัย
- การแสดงผลอาจแตกต่างกันเล็กน้อยระหว่างเอนจินสำหรับคุณสมบัติขั้นสูง
การรองรับเบราว์เซอร์
เป็นสากลสำหรับการแสดงผล KaiConvert ถือว่า SVG ที่อัปโหลดไม่น่าเชื่อถือ: มันถูกแปลงเป็นภาพแรสเตอร์ในองค์ประกอบรูปภาพแบบแซนด์บ็อกซ์แทนที่จะถูกแทรกเข้าไปใน DOM ดังนั้นสคริปต์ที่ฝังอยู่จึงไม่ถูกเรียกใช้