เครื่องมือเพิ่มประสิทธิภาพ SVG
เพิ่มประสิทธิภาพและย่อไฟล์ SVG โดยลบข้อมูลที่ไม่จำเป็นและทำความสะอาดโค้ด
เครื่องมือเพิ่มประสิทธิภาพ SVG
ลากและวางไฟล์ SVG ของคุณที่นี่
หรือคลิกเพื่อเลือกไฟล์ (.svg - สูงสุด 5MB)
ตัวอย่างการใช้งาน
ประสิทธิภาพเว็บ
ลดขนาดไฟล์ SVG เพื่อปรับปรุงความเร็วในการโหลดเว็บไซต์และคะแนนประสิทธิภาพ
ทำความสะอาดดีไซน์
ทำความสะอาดไฟล์ SVG ที่ส่งออกจากเครื่องมือออกแบบ เช่น Illustrator, Figma หรือ Inkscape
SVG แบบอินไลน์
เตรียมโค้ด SVG ที่สะอาดและน้อยที่สุดสำหรับฝังลงใน HTML หรือคอมโพเนนต์ React โดยตรง
คุณสมบัติ
การเพิ่มประสิทธิภาพอัจฉริยะ
ตัวเลือกหลายอย่างสำหรับลบคอมเมนต์ เมตาดาต้า ข้อมูลตัวแก้ไข และแอตทริบิวต์ที่ไม่จำเป็น
เปรียบเทียบขนาด
ดูขนาดเดิมเทียบกับขนาดที่เพิ่มประสิทธิภาพพร้อมเปอร์เซ็นต์ที่ประหยัดได้
ตัวอย่างสด
ดูตัวอย่าง SVG ที่เพิ่มประสิทธิภาพแล้วในเบราว์เซอร์เพื่อตรวจสอบว่าแสดงผลถูกต้อง
ส่วนตัวและปลอดภัย
การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์โดยใช้ DOMParser ไฟล์ไม่ออกจากอุปกรณ์
วิธีใช้
อัปโหลดหรือวาง SVG
ลากและวางไฟล์ SVG เลือกไฟล์ หรือวางโค้ด SVG โดยตรง
เลือกตัวเลือก
เลือกการเพิ่มประสิทธิภาพที่จะใช้: ลบคอมเมนต์ เมตาดาต้า ช่องว่าง ข้อมูลตัวแก้ไข เป็นต้น
เพิ่มประสิทธิภาพและส่งออก
คลิกเพิ่มประสิทธิภาพ ตรวจสอบตัวอย่างและขนาดที่ประหยัด จากนั้นคัดลอกหรือดาวน์โหลด SVG
คำถามที่พบบ่อย
SVG Optimizer คืออะไร?
วาง SVG code หรือวางไฟล์ เลือกการเพิ่มประสิทธิภาพที่ต้องการ แล้วได้ SVG ที่เล็กลงและสะอาดขึ้นในไม่กี่วินาที เหมาะสำหรับตัดส่วนเกินที่เครื่องมือออกแบบทิ้งไว้
อะไรถูกลบออก?
คอมเมนต์ เมตาดาตา เนมสเปซเอดิเตอร์ Inkscape/Illustrator แอตทริบิวต์ว่าง defs ที่ไม่ได้ใช้ และช่องว่างส่วนเกิน ยังสามารถ minify สไตล์และย่อ ID ได้
กรณีใช้งานทั่วไป
ลดขนาดไอคอน SVG สำหรับประสิทธิภาพเว็บ ทำความสะอาดไฟล์ export จาก Figma หรือ Illustrator ก่อน commit เข้า git และเตรียม SVG inline แบบมินิมอลสำหรับ React
เคล็ดลับ
ดูตัวอย่าง SVG ที่ปรับแต่งแล้วก่อนดาวน์โหลดเสมอ ความแม่นยำทศนิยมต่ำประหยัดไบต์มากกว่าแต่อาจปัดรายละเอียดเล็กๆ
ความเป็นส่วนตัว
การประมวลผลทำงานในเบราว์เซอร์ผ่าน DOMParser ไม่มีการอัปโหลดไฟล์ ไม่มีข้อมูลออกจากเครื่องของคุณ