วิธีใช้งาน
- เลือกหรือลากไฟล์ SVG (สามารถเลือกหลายไฟล์ได้) หรือวางโค้ด SVG ด้านล่าง คลิก «โหลดตัวอย่าง» เพื่อดูวิธีการทำงาน
- ปรับจำนวนทศนิยมและตัวเลือกอื่น ผลลัพธ์จะอัปเดตแบบเรียลไทม์และแสดงว่าไฟล์แต่ละไฟล์เล็กลงเท่าไร
- ดาวน์โหลดไฟล์ที่ปรับให้เหมาะสมแต่ละไฟล์หรือคลิก «ดาวน์โหลดทั้งหมด (ZIP)» โค้ดที่วางลงได้สามารถคัดลอกโดยตรง
คำอธิบายตัวเลือก
- ทศนิยม
- จำนวนทศนิยมที่พิกัดและตัวเลขเก็บไว้ ค่าเริ่มต้น 3 ไอคอนมักจะมีลักษณะเหมือนกันที่ 1-2 ตำแหน่งทศนิยม ให้เก็บไว้ 3 ตำแหน่งหรือมากกว่านั้นสำหรับภาพประกอบและแผนที่ที่มีรายละเอียด
- เรียกใช้ผ่านหลายครั้ง
- ทำซ้ำการปรับให้เหมาะสมจนกว่าไฟล์จะหยุดการหดตัว มักจะประหยัดได้ร้อยละอีกสองสามอาการ และใช้เวลานานขึ้นเล็กน้อย
- ลบความกว้าง/ความสูง
- เก็บเฉพาะ viewBox เท่านั้นเพื่อให้ SVG ปรับขนาดกับคอนเทนเนอร์ - มีประโยชน์เมื่อคุณปรับขนาดด้วย CSS
- เก็บ ID
- โดยค่าเริ่มต้น ID ที่ไม่ใช้จะถูกลบออกและตัวเลขที่เหลือจะถูกย่อสั้น ทำเครื่องหมายนี้หากไฟล์ CSS JavaScript หรือไฟล์อื่น ๆ ภายนอกอ้างอิงถึงองค์ประกอบตาม ID
ตัวอย่าง
ต้นฉบับ (ส่งออกจาก Inkscape 789 ไบต์) ประกอบด้วยการประกาศ XML ความเห็น ข้อมูลเมตา แอตทริบิวต์เฉพาะเครื่องมือแก้ไข และทศนิยมยาว ปรับให้เหมาะสม (248 ไบต์):
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><circle cx="60" cy="60" r="50" style="fill:#0f766e;fill-opacity:1;stroke:none"/><path d="m40 62 14 14 28-30-6-6-22 24-8-8Z" style="fill:#fff;stroke:none"/></svg>คำถามที่พบบ่อย
ภาพจะแย่ลงไหม
SVG เป็นรูปแบบเวกเตอร์ การปรับให้เหมาะสมเพียงแค่ลบเนื้อหาที่ไม่ส่งผลต่อการเรนเดอร์และปัดเศษตัวเลขให้เป็นทศนิยมที่เลือก ด้วยค่าเริ่มต้นจะไม่มีความแตกต่างที่มองเห็นได้ หากรูปร่างบิดเบี้ยว ให้เพิ่มตำแหน่งทศนิยม
จะเล็กลงเท่าไร
ขึ้นอยู่กับซอฟต์แวร์ที่ส่งออก SVG จากเครื่องมือออกแบบมักจะเล็กลง 30-70% - ตัวอย่างเปลี่ยนจาก 789 เป็น 248 ไบต์ ไฟล์ที่ได้รับการปรับให้เหมาะสมแล้วแล้วไม่เปลี่ยนแปลงมากนัก
ทำไมภาพเคลื่อนไหวหรือสคริปต์จึงหยุดทำงาน
หาก SVG ของคุณมีสไตล์หรือสคริปต์เลือกองค์ประกอบตาม ID ให้ทำเครื่องหมาย «เก็บ ID»
ไฟล์ของฉันได้อัปโหลดไหม
ไม่ SVGO ทำงานในเบราว์เซอร์ของคุณ ไฟล์จะอ่านและประมวลผลในเครื่องเท่านั้น
ความเป็นส่วนตัว
เครื่องมือนี้ทำงานในเบราว์เซอร์ของคุณทั้งหมด ไฟล์และข้อความของคุณได้รับการประมวลผลบนอุปกรณ์ของคุณ และจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ของเรา