ตัวปรับ SVG ให้เหมาะสม

ตัวปรับ SVG ให้เหมาะสม

ตัดส่วนเกินจากโปรแกรมออกแบบ ย่อพิกัด และรวม path ด้วย SVGO — ควบคุมได้ทุกตัวเลือก พร้อมเทียบผลแบบเคียงข้างกัน

ตัวปรับ SVG ให้เหมาะสม

☞ ทำงานในเบราว์เซอร์ของคุณทั้งหมด — ไม่มีการอัปโหลดไฟล์

ลากไฟล์ SVG มาวางที่นี่

หรือคลิกเพื่อเลือกไฟล์ — รับเฉพาะ SVG

เล็กลง ภาพเหมือนเดิม

ทำไมไฟล์ SVG จึงใหญ่เกินความจำเป็น

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

SVGO ตัดสิ่งเหล่านั้นออกได้อย่างปลอดภัย ตัวอย่างแบบเคียงข้างกันมีไว้ให้คุณยืนยันว่าไม่มีสิ่งที่จำเป็นถูกลบไป — การรวม path หรือการจัดระเบียบ id อาจเปลี่ยนไฟล์ที่โค้ดอื่นอ้างอิงอยู่ได้ในบางครั้ง

สามขั้นตอน

วิธีปรับ SVG ให้เหมาะสม

01

วางไฟล์ SVG

เลือกไฟล์ .svg — ไฟล์ยังอยู่ในเครื่องของคุณ

02

เลือกตัวเลือก

ติ๊กสิ่งที่จะตัดออก และกำหนดความละเอียดทศนิยม

03

เทียบแล้วบันทึก

ดูตัวอย่างทั้งสองฝั่ง แล้วคัดลอกโค้ดหรือดาวน์โหลด

คำตอบอย่างเร็ว

คำถามที่พบบ่อยเกี่ยวกับตัวปรับ SVG ให้เหมาะสม

การปรับให้เหมาะสมจะทำให้ SVG ของฉันเสียไหม

ค่าเริ่มต้นปลอดภัยสำหรับภาพที่ใช้เดี่ยว ๆ มีสองตัวเลือกที่ต้องระวัง คือการรวม path ซึ่งเปลี่ยนโครงสร้างเอกสาร และการจัดระเบียบแอตทริบิวต์ id ซึ่งเปลี่ยนชื่อสิ่งที่ CSS หรือ JavaScript ของคุณอาจอ้างถึง ถ้าไฟล์มีแอนิเมชันหรือสคริปต์ ให้ปิดสองตัวนี้

ควรใช้ความละเอียดทศนิยมเท่าไร

ค่า 3 เป็นค่าเริ่มต้นที่ดี ไอคอนเรียบง่ายมักเหลือ 1–2 ได้โดยไม่มีปัญหาและประหยัดเพิ่มอีก ส่วนภาพประกอบที่มีรายละเอียดมากและแผนที่อาจบิดเบี้ยวจนเห็นได้ถ้าต่ำกว่า 3 — ตัวอย่างแบบเคียงข้างกันจะแสดงให้เห็นเอง

ต่างจากตัวย่อขนาดอย่างไร

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

มีการอัปโหลดไฟล์หรือไม่

ไม่มี SVGO ทำงานในเบราว์เซอร์ของคุณ และไฟล์ไม่เคยออกจากอุปกรณ์นี้