ปรับ SVG ให้เล็กลง
- ไฟล์ไม่ออกจากอุปกรณ์ของคุณ
- ทำงานในเบราว์เซอร์
- ฟรี ไม่ต้องสมัคร ไม่มีลายน้ำ
Drop SVG files here, or click to choose
รองรับ SVG, SVGZ · วางด้วย Ctrl+V / ⌘V ได้เช่นกัน
Tip: paste SVG code anywhere on this page with Ctrl+V / ⌘V.
วิธีใช้ ปรับ SVG ให้เล็กลง
ย่อไฟล์ SVG ด้วย SVGO โดยไม่ต้องออกจากเบราว์เซอร์ เลือกค่าที่ตั้งไว้ค่าเริ่มต้น ปลอดภัย หรือสูงสุด หรือสลับปลั๊กอินทีละตัว ตรวจความต่างพิกเซลเทียบกับต้นฉบับ แล้วส่งออกผลเป็น SVG, data URI หรือคอมโพเนนต์ React
- 1
วางไฟล์ SVG หรือ SVGZ บนหน้า หรือวางโค้ด SVG ตัวอย่างโหลดตัวอย่าง
- 2
ใต้การปรับให้เหมาะสม เลือกค่าเริ่มต้น ปลอดภัย หรือสูงสุด แล้วปรับความแม่นของตัวเลข หลายรอบ และการพิมพ์ให้อ่านง่าย
- 3
ถ้าต้องการ: เปิดกลุ่มปลั๊กอินเพื่อเปิดหรือปิดปลั๊กอิน SVGO ทีละตัว รีเซ็ตกลับไปค่าเริ่มต้น
- 4
เปรียบเทียบผลแบบเคียงข้าง ด้วยแถบเลื่อน หรือใต้ความต่าง โดยพิกเซลที่เปลี่ยนแสดงเป็นสีแดง
- 5
เลือกแท็บ SVG, Data URI หรือ React แล้วคลิกดาวน์โหลด SVG หรือดาวน์โหลด .jsx สำหรับหลายไฟล์ ใช้ดาวน์โหลดทั้งหมด (ZIP)
คำถามที่พบบ่อย
SVG ของฉันถูกอัปโหลดหรือไม่?
ไม่ได้ SVGO ทำงานในเวิร์กเกอร์เบื้องหลังในเบราว์เซอร์ ดังนั้นไฟล์ไม่เคยออกจากอุปกรณ์ของคุณ
การปรับให้เหมาะสมจะเปลี่ยนหน้าตา SVG ของฉันหรือไม่?
ค่าที่ตั้งไว้ค่าเริ่มต้นมุ่งให้หน้าตาเดิม ความต่างเรนเดอร์ทั้งสองเวอร์ชันและรายงานสัดส่วนพิกเซลที่เปลี่ยน หรือดูเหมือนกัน ความแม่นของตัวเลขที่ต่ำมากอาจบิดรายละเอียดละเอียด
ค่าที่ตั้งไว้ใดเหมาะกับ SVG ที่มีแอนิเมชันหรือสคริปต์?
ปลอดภัย มันปล่อยโครงสร้าง ID และรูปทรงไว้ ดังนั้นตัวเลือก CSS และสคริปต์ยังหาองค์ประกอบได้
ทำไมสูงสุดถึงลบความกว้างและความสูง?
สูงสุดยังทิ้งชื่อเรื่อง มิติ และสคริปต์ ซึ่งเหมาะกับไอคอนที่ใช้ผ่าน CSS หรือ img จากนั้น SVG ย่อขยายตามคอนเทนเนอร์ ยกเลิกติ๊ก removeDimensions ใต้การฝังเว็บเพื่อเก็บขนาด
ควรใช้ data URI แบบ Base64 หรือแบบเข้ารหัส URL?
ปิด Base64 ในกรณีส่วนใหญ่: URI ที่เข้ารหัสแบบ URL มักสั้นกว่าและ gzip ได้ดีกว่า เปิดเฉพาะที่ที่เครื่องมือคาด Base64
การส่งออก React ทำงานอย่างไร?
แท็บ React ห่อ SVG ที่ปรับแล้วในคอมโพเนนต์ JSX ที่ตั้งชื่อตามไฟล์ โดยแอตทริบิวต์ถูกเขียนใหม่สำหรับ JSX และ props ถูกส่งไปยังองค์ประกอบ svg ดาวน์โหลด .jsx จะบันทึกมัน