การเพิ่มประสิทธิภาพ SVG
เลือกไฟล์ SVG แบบคงที่ หรือวางโค้ดเพื่อเพิ่มประสิทธิภาพ เปรียบเทียบการแสดงผล โค้ด และขนาดไฟล์ก่อนและหลังการเพิ่มประสิทธิภาพ จากนั้นคัดลอกผลลัพธ์หรือบันทึกเป็น SVG
สิ่งที่คุณทำได้
ลดขนาดไฟล์ SVG
ทำความสะอาดคอมเมนต์ ข้อมูลเมทาดาทจากโปรแกรมแก้ไข รูปแบบการแสดงตัวเลข และเนื้อหาอื่น
ตรวจสอบก่อนและหลัง แล้วบันทึก
เปรียบเทียบการแสดงผล โค้ด และขนาดไฟล์ จากนั้นคัดลอกหรือบันทึก SVG ที่ปรับแต่งแล้ว
วิธีใช้งาน
นำเข้า SVG
เลือกไฟล์ SVG หนึ่งไฟล์หรือวางโค้ด
ปรับการตั้งค่าหากจำเป็น
ตรวจสอบความละเอียดของทศนิยมและข้อมูลที่จะลบออกในการตั้งค่าขั้นสูง โดยทั่วไปเริ่มจากค่าเริ่มต้นได้
เปรียบเทียบการแสดงผลและขนาดไฟล์
เรียกใช้การปรับแต่งและตรวจสอบการเปลี่ยนแปลงของการแสดงผล โค้ด และขนาดไฟล์
บันทึก SVG ที่ปรับแต่งแล้ว
คัดลอกโค้ดที่ได้หรือดาวน์โหลดเป็นไฟล์ SVG
เหมาะเมื่อ
ลดขนาดไฟล์โลโก้และไอคอน
ทำความสะอาด SVG ก่อนเผยแพร่บนเว็บ และตรวจสอบสมดุลระหว่างรูปลักษณ์กับขนาดไฟล์
ทำความสะอาดข้อมูลการแก้ไข
ลบเมทาดาทและคอมเมนต์ของโปรแกรมแก้ไขตามที่ต้องการ แล้วบันทึก
สิ่งที่ควรตรวจสอบเมื่อปรับแต่ง SVG
เมทาดาทและการแสดงผลแยกจากกัน
คุณสามารถลบข้อมูลโปรแกรมแก้ไขและคอมเมนต์ออกได้ ส่วนชื่อเรื่อง คำอธิบาย และเนื้อหาคล้ายกันจะถูกเก็บไว้ตามการตั้งค่า
เมื่อความละเอียดของทศนิยมเปลี่ยนรูปร่าง
การปัดทศนิยมในพิกัดและค่าอื่นอาจเปลี่ยนเส้นโค้งละเอียดหรือตำแหน่ง เปรียบเทียบก่อนและหลังการประมวลผล
ตรวจสอบ CSS และการอ้างอิงที่ปลายทางด้วย
ID และ viewBox จะถูกเก็บไว้ แต่โค้ดจะถูกทำความสะอาด หากคุณใช้ CSS ภายนอกหรือการอ้างอิงคล้ายกัน ให้ตรวจสอบการแสดงผลในจุดที่ SVG ถูกเผยแพร่จริง
รองรับ SVG แบบคงที่
SVG ที่มีสคริปต์ การอ้างอิงภายนอก ภาพที่ฝังไว้ หรือแอนิเมชัน จะไม่ถูกรองรับ ส่วนการอ้างอิงที่อยู่ภายใน SVG จะรองรับ
คำถามที่พบบ่อย
ขนาดไฟล์จะลดลงเสมอหรือไม่
สำหรับ SVG ที่ปรับแต่งมาแล้ว ขนาดไฟล์อาจเท่าเดิมหรือใหญ่ขึ้นก็ได้ ตัดสินใจจากขนาดไฟล์ที่ได้
รูปลักษณ์จะคงเดิมหรือไม่
อาจเปลี่ยนไปได้ ขึ้นอยู่กับการตั้งค่า เช่น ความละเอียดของทศนิยม ตรวจสอบตัวอย่างก่อนและหลัง รวมถึงสิ่งที่จะนำไปแสดง
ตรวจสอบโค้ดต้นฉบับได้หรือไม่
เปิด “โค้ดก่อนการเพิ่มประสิทธิภาพ” ในผลลัพธ์เพื่อตรวจสอบเนื้อหาก่อนการประมวลผลรอบนี้
การจัดการไฟล์
- ข้อมูลนำเข้า
- ใช้ SVG แบบคงที่ในรูปแบบ UTF-8 ไฟล์ต้นฉบับจะไม่ถูกเขียนทับ
- ผลลัพธ์
- โค้ด SVG ที่ปรับแต่งแล้วและไฟล์ .min.svg