ตัวปรับปรุงและย่อ SVG
ออกแบบเพื่อความเป็นส่วนตัว — ทำงานในเบราว์เซอร์ของคุณทั้งหมด
ย่อและทำความสะอาดไฟล์ SVG ในเบราว์เซอร์ของคุณ Toova ตัดข้อมูลเมตา ทำให้ paths ง่ายขึ้น ยุบ elements ที่ซ้ำซ้อน และผลิต SVG ที่เล็กกว่าและเร็วกว่าซึ่งเรนเดอร์เหมือนต้นฉบับ — โดยไม่อัปโหลดไฟล์ไปที่ใด
สิ่งที่ถูกลบ
ไฟล์ SVG จากเครื่องมือออกแบบรวมความบวมมากมาย: ข้อมูลเมตาของตัวแก้ไข XML namespaces ที่ไม่มีอะไรอ้างอิง ความคิดเห็น groups ว่าง transforms ที่ซ้ำซ้อน และพิกัดทศนิยมที่มีความแม่นยำมากกว่าที่จอแสดงผลใดสามารถเรนเดอร์ได้ Toova ตัดทั้งหมดในขณะที่รักษาเอาต์พุตทางสายตาแน่นอน ผลลัพธ์ปกติเล็กกว่า 40-70% บางครั้งมากกว่ามากสำหรับไฟล์ที่ออกมาจาก Illustrator หรือ Sketch
การทำให้ path ง่ายขึ้น
ข้อมูล Path บ่อยครั้งเป็นส่วนที่ใหญ่ที่สุดของไฟล์ SVG Toova ปัดเศษพิกัดเป็นความแม่นยำที่กำหนดค่าได้ ลบจุดควบคุมที่ซ้ำซ้อนบนเส้นตรง และแปลงไวยากรณ์ verbose เป็นเทียบเท่าที่สั้นกว่า ผลลัพธ์ไม่สามารถแยกแยะได้จากต้นฉบับเว้นแต่คุณซูมเกินกว่าเกณฑ์ความแม่นยำ ความแม่นยำต่ำกว่าหมายถึงไฟล์เล็กกว่าแต่นุ่มนวลน้อยกว่าเล็กน้อยที่ซูมสูงสุด
เฉพาะในเครื่อง
ทุกการ optimize เกิดขึ้นในเบราว์เซอร์ของคุณ SVG ที่คุณวาง — ซึ่งอาจเป็น asset แบรนด์ ไอคอนที่ยังไม่เปิดตัว หรือกราฟิกที่เป็นกรรมสิทธิ์ใดๆ — ไม่เคยออกจากหน้า แท็บเครือข่ายจะว่างระหว่างการ optimize และหน้าทำงานออฟไลน์หลังจากโหลดครั้งแรก ทำให้ Toova ปลอดภัยสำหรับงานระบบออกแบบและการเตรียม asset ภายใน
คำถามที่พบบ่อย
- SVG จะเล็กลงเท่าใด
- ปกติเล็กกว่า 40-70% สำหรับไฟล์ที่ออกมาจากเครื่องมือออกแบบ บางครั้งมากกว่ามากถ้าต้นฉบับมีข้อมูลเมตาหนา สำหรับ SVGs ที่เขียนด้วยมือที่บางอยู่แล้ว การประหยัดเล็กกว่า — ปกติ 10-20%
- การ optimize จะเปลี่ยนวิธีที่ SVG ดูหรือไม่
- ไม่ที่เห็นได้ ตัว optimize รักษาเอาต์พุตที่เรนเดอร์แน่นอน ความแม่นยำของ path กำหนดค่าได้ — ที่ความแม่นยำเริ่มต้น ไม่มีความแตกต่างที่มองเห็นได้ที่ระดับการซูมใดที่ผู้ใช้จะใช้จริง
- ตัด viewBox หรือไม่
- ไม่ viewBox สำคัญสำหรับการปรับขนาด SVG และถูกรักษาเสมอ ตัว optimize ตัด width และ height attributes ที่ซ้ำซ้อนเมื่อ viewBox เพียงพอ
- เก็บข้อมูลเมตาเฉพาะได้ไหม
- ใช่ โดยค่าเริ่มต้น ข้อมูลเมตาเฉพาะตัวแก้ไขถูกตัด แต่ข้อมูลเมตาการเข้าถึง (titles, descriptions, ARIA roles) ถูกรักษา สลับ optimization passes แต่ละตัวถ้าคุณต้องการการควบคุมที่ละเอียดกว่า
- SVG ของฉันถูกส่งไปยังเซิร์ฟเวอร์หรือไม่
- ไม่ การ optimize ทำงานในเบราว์เซอร์ของคุณทั้งหมด