ตัวเพิ่มประสิทธิภาพ SVG
เพิ่มประสิทธิภาพและบีบอัดไฟล์ SVG ทันทีในเบราว์เซอร์ ลบเมทาดาท้า ความคิดเห็น และข้อมูลที่ไม่จำเป็น ลดขนาดไฟล์ได้สูงสุด 60%
การเพิ่มประสิทธิภาพ SVG ทำอะไร?
การเพิ่มประสิทธิภาพ SVG ลบข้อมูลที่ไม่จำเป็น เช่น ความคิดเห็น เมทาดาท้า แอตทริบิวต์ตัวแก้ไข กลุ่มว่าง เนมสเปซที่ไม่ได้ใช้ และคำสั่งพาธที่ซ้ำซ้อน เพื่อลดขนาดไฟล์โดยไม่เปลี่ยนผลลัพธ์ที่มองเห็น
ลดขนาดไฟล์ SVG ได้เท่าไร?
โดยทั่วไปลด 20-60% ขึ้นอยู่กับ SVG ต้นฉบับ ไฟล์ที่ส่งออกจากโปรแกรมแก้ไขเช่น Adobe Illustrator หรือ Inkscape มักมีข้อมูลซ้ำซ้อนมากที่สุดและได้อัตราการบีบอัดสูงสุด
ข้อมูล SVG ของฉันถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?
ไม่ การเพิ่มประสิทธิภาพทั้งหมดทำในเบราว์เซอร์ของคุณ เนื้อหา SVG ไม่เคยออกจากอุปกรณ์ของคุณ รับประกันความเป็นส่วนตัวและความปลอดภัยอย่างสมบูรณ์
การเพิ่มประสิทธิภาพจะเปลี่ยนรูปลักษณ์ SVG หรือไม่?
ไม่ ตัวเพิ่มประสิทธิภาพลบเฉพาะข้อมูลที่ไม่ใช่ภาพและปรับโครงสร้างโค้ด SVG ที่แสดงผลจะดูเหมือนต้นฉบับในทุกเบราว์เซอร์
SVGO คืออะไร?
SVGO (SVG Optimizer) เป็นเครื่องมือโอเพนซอร์สยอดนิยมที่ใช้ Node.js สำหรับเพิ่มประสิทธิภาพไฟล์ SVG มีปลั๊กอินที่หลากหลายสำหรับลบข้อมูลที่ซ้ำซ้อนและไม่มีประโยชน์ออกจากไฟล์ SVG
การเพิ่มประสิทธิภาพรักษาภาพเคลื่อนไหวและเกรเดียนต์ SVG หรือไม่?
ใช่ ตัวเพิ่มประสิทธิภาพรักษาองค์ประกอบภาพทั้งหมดรวมถึงภาพเคลื่อนไหว เกรเดียนต์ ฟิลเตอร์ พาธคลิป และมาสก์ ลบเฉพาะข้อมูลที่ไม่ใช่ภาพที่ซ้ำซ้อน
ฉันสามารถเพิ่มประสิทธิภาพ SVG จากเครื่องมือออกแบบเช่น Figma หรือ Sketch ได้หรือไม่?
ได้ SVG ที่ส่งออกจาก Figma, Sketch, Adobe Illustrator และ Inkscape มักมีเมทาดาท้าเฉพาะโปรแกรมแก้ไขที่สามารถลบได้อย่างปลอดภัย
ข้อมูลประเภทใดถูกลบในระหว่างการพัฒนาประสิทธิภาพ?
การลบที่พบบ่อยรวมถึงความคิดเห็น XML เมทาดาท้าตัวแก้ไข เลเยอร์ที่ซ่อนอยู่ กลุ่มว่าง การประกาศเนมสเปซที่ไม่ได้ใช้ ค่าแอตทริบิวต์เริ่มต้น และความแม่นยำของข้อมูลพาธที่ซ้ำซ้อน
ปลอดภัยหรือไม่ที่จะเพิ่มประสิทธิภาพไฟล์ SVG ที่ใช้บนเว็บไซต์?
ปลอดภัยอย่างแน่นอน SVG ที่เพิ่มประสิทธิภาพแล้วโหลดเร็วขึ้น ลดการใช้แบนด์วิธ และปรับปรุงประสิทธิภาพหน้า
ฉันสามารถควบคุมระดับการเพิ่มประสิทธิภาพได้หรือไม่?
ได้ คุณสามารถปรับความแม่นยำของข้อมูลพาธ การลบความคิดเห็น การรวมกลุ่ม และตัวเลือกอื่นๆ เพื่อปรับสมดุลระหว่างขนาดไฟล์และความสามารถในการแก้ไข
ความแตกต่างระหว่างการมินิไฟล์และการเพิ่มประสิทธิภาพ SVG คืออะไร?
การมินิไฟล์ลบช่องว่างและย่อโค้ด ในขณะที่การเพิ่มประสิทธิภาพไปไกลกว่านั้นโดยลบข้อมูลซ้ำซ้อน รวมองค์ประกอบ และใช้การปรับปรุงโครงสร้าง
เครื่องมือนี้รองรับการประมวลผลเป็นชุดสำหรับไฟล์ SVG หลายไฟล์หรือไม่?
ได้ คุณสามารถอัปโหลดและเพิ่มประสิทธิภาพไฟล์ SVG หลายไฟล์พร้อมกัน แต่ละไฟล์ประมวลผลอย่างอิสระและสามารถดาวน์โหลดแยกกันหรือเป็นไฟล์ ZIP
วิธีใช้ ตัวเพิ่มประสิทธิภาพ SVG
SVG Optimizer ลดขนาดไฟล์ SVG ด้วยการลบ metadata คอมเมนต์และขยะจากโปรแกรมออกแบบ โดยประมวลผลในเบราว์เซอร์ของคุณทั้งหมด วาง SVG เลือกตัวเลือกการทำความสะอาด แล้วคัดลอกผลลัพธ์ที่เบาลง
- วางโค้ด SVG ลงในกล่อง “Input SVG” หรือลากไฟล์ .svg มาวาง
- เปิดตัวเลือกทำความสะอาดพื้นฐาน — “Remove comments” “Remove metadata” “Remove editor data” “Remove unused namespaces” — เหล่านี้ประหยัดพื้นที่ได้มากที่สุด
- หากต้องการบีบอัดลึกกว่านั้น ลองเปิด “Remove empty groups” “Remove default values” “Remove empty attributes” “Collapse transforms” และ “Convert colors” เพิ่ม
- เลือกระดับความละเอียดตัวเลขจาก 0 ถึง 4 แล้วเลือก “Minify” เพื่อไฟล์เล็กที่สุด หรือ “Prettify” เพื่อโค้ดที่อ่านง่าย ส่วน “Remove whitespace” จะลบช่องว่างที่เหลือ
- ตรวจดูว่า “Preview” ยังแสดงผลถูกต้อง แล้วคัดลอกหรือดาวน์โหลดโค้ดจากกล่อง “Optimized SVG”
ถ้ากราฟิกหลังปรับแต่งแสดงผลเพี้ยน ให้ลองปิด “Remove default values” หรือลดระดับความละเอียดก่อน โดยทั่วไปมักเกิดจากการปัดตัวเลขเกินไป
เครื่องมือที่เกี่ยวข้อง
- ตัวแปลง SVG เป็น PNG แปลง SVG เป็น PNG, JPEG หรือ WebP ทันทีในเบราว์เซอร์ ปรับสเกล ขนาด และสีพื้นหลังได้ ฟรี เป็นส่วนตัว ไม่ต้องอัปโหลด
- ตัวดูและแก้ไข SVG ดูตัวอย่าง แก้ไข และเพิ่มประสิทธิภาพไฟล์ SVG ออนไลน์ ตัวอย่างแบบเรียลไทม์ การแก้ไขโค้ด และเครื่องมือเพิ่มประสิทธิภาพ
- เครื่องคำนวณ Chmod เครื่องคำนวณ chmod ออนไลน์ฟรีเพื่อแสดงและคำนวณสิทธิ์ไฟล์ Linux ด้วยช่องทำเครื่องหมาย แปลงระหว่างสัญกรณ์ตัวเลข (755, 644) และสัญลักษณ์ (rwxr-xr-x) ทันที รองรับสิทธิ์พิเศษเช่น setuid, setgid, sticky bit
- ตาราง ASCII ข้อมูลอ้างอิงการเข้ารหัสอักขระ ASCII ครบถ้วนพร้อมรหัสทศนิยม เลขฐานสิบหก ฐานแปด ฐานสอง เอนทิตี HTML และคำอธิบายอักขระ ค้นหาและกรองได้ทันที
- เครื่องมือทดสอบคำขอ HTTP ทดสอบ REST API โดยตรงในเบราว์เซอร์ของคุณ ส่งคำขอ GET, POST, PUT, DELETE ด้วย header, body และพารามิเตอร์ที่กำหนดเอง ดูสถานะ header และ body JSON ของการตอบกลับทันที
- ตัวสร้าง .htaccess สร้างกฎ Apache .htaccess สำหรับการเปลี่ยนเส้นทาง เขียนใหม่ ส่วนหัวความปลอดภัย แคช และอื่นๆ
- ตัวสร้าง Robots.txt ตัวสร้าง robots.txt ออนไลน์ฟรี สร้างและปรับแต่งไฟล์ robots.txt เพื่อควบคุมการรวบรวมข้อมูลของเครื่องมือค้นหา จัดการการเข้าถึงของระบบรวบรวมข้อมูล และปรับปรุง SEO ของเว็บไซต์ของคุณ
- ตัวสร้าง Sitemap ตัวสร้าง XML sitemap ออนไลน์ฟรี เพิ่ม URL ตั้งค่าลำดับความสำคัญและความถี่ สร้าง sitemap ที่ดีต่อ SEO ได้ทันที