บีบอัด SVG

ขนาดของไฟล์ SVG (น้ำหนักภาพ) ไม่เหมือนกับบิตแมป ไม่ได้ขึ้นอยู่กับขนาดเป็นพิกเซล แต่ขึ้นอยู่กับจำนวนโค้ด สำหรับรูปภาพขนาดใหญ่ ประโยชน์ของรูปแบบ SVG นั้นชัดเจน สามารถสันนิษฐานได้ว่า SVG มีประสิทธิภาพเหนือกว่าบิตแมปในแง่ของขนาดไฟล์เสมอ แต่ก็ไม่เป็นเช่นนั้นเสมอไป หากคุณกำลังสร้างเว็บไซต์ คุณอาจคุ้นเคยกับไฟล์ SVG ไม่ใช่รูปแบบรูปภาพทั่วไป แต่รองรับโดยเว็บเบราว์เซอร์ที่ทันสมัยส่วนใหญ่ เช่น Google Chrome, Microsoft Internet Explorer และ Mozilla Firefox SVG ซึ่งย่อมาจาก Scalable Vector Graphics เป็นรูปแบบกราฟิกแบบเวกเตอร์ที่ใช้ XML ไฟล์ SVG สามารถเพิ่มประสิทธิภาพได้สามประการ ได้แก่ ขนาดไฟล์ ความเร็วในการแสดงผล และการแก้ไข ในกรณีส่วนใหญ่ การปรับให้เหมาะสมสำหรับการแก้ไขเป็นสิ่งจำเป็น โดยเฉพาะอย่างยิ่งสำหรับภาพวาดที่ซับซ้อน

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