การทำงานของเครื่องมือเพิ่มประสิทธิภาพ SVG
เครื่องมือนี้ทำหน้าที่ทำความสะอาดโค้ด SVG และลดขนาดไฟล์ลงโดยไม่ส่งผลกระทบต่อการแสดงผลของภาพกราฟิก ผู้ใช้งานสามารถวางโค้ด SVG ลงในช่องใส่ข้อมูล จากนั้นระบบจะประมวลผลเพื่อลบส่วนประกอบที่ไม่จำเป็นออก เมื่อดำเนินการเสร็จสิ้น เครื่องมือจะแสดงข้อมูลเปรียบเทียบให้เห็นว่าโค้ด SVG ที่ปรับแต่งแล้วมีขนาดลดลงเท่าใด พร้อมทั้งเปิดโอกาสให้ผู้ใช้งานสามารถคัดลอกหรือดาวน์โหลดโค้ดที่ลดขนาดลงแล้วไปใช้งานต่อได้ทันที
ข้อมูลนำเข้าและข้อจำกัดของระบบ
ในการใช้งานเครื่องมือเพิ่มประสิทธิภาพ SVG ผู้ใช้งานจำเป็นต้องใส่ข้อมูลนำเข้าดังต่อไปนี้:
- ข้อมูล SVG: โค้ด SVG ในรูปแบบโค้ดอินไลน์ทั่วไป
- ข้อจำกัดความยาว: โค้ด SVG จะต้องมีความยาวไม่เกินจำนวนตัวอักษรที่กำหนดไว้
- รูปแบบที่รองรับ: ระบบจะบล็อกไฟล์ SVG ที่มีการประกาศประเภทเอกสาร (Document Type) หรือเอนทิตีที่กำหนดเอง (Custom Entity Declarations) เพื่อความปลอดภัย
ข้อมูลผลลัพธ์และการแสดงผลประสิทธิภาพ
หลังจากที่เครื่องมือประมวลผลเสร็จสิ้น ระบบจะแสดงข้อมูลสถิติและข้อความแจ้งสถานะต่างๆ ดังนี้:
- ต้นฉบับ: แสดงขนาดของโค้ด SVG เริ่มต้นในหน่วยไบต์
- ผลลัพธ์: แสดงขนาดของโค้ด SVG ที่ได้รับการปรับแต่งแล้วในหน่วยไบต์
- ประหยัดได้: แสดงจำนวนพื้นที่ที่ลดลงได้ทั้งในหน่วยไบต์และคิดเป็นเปอร์เซ็นต์
- เพิ่มประสิทธิภาพแล้ว — เล็กลง
{pct}% (ประหยัดได้{saved}): ข้อความที่จะแสดงเมื่อการลดขนาดไฟล์สำเร็จ โดยระบุเปอร์เซ็นต์และจำนวนไบต์ที่ประหยัดได้ - เพิ่มประสิทธิภาพแล้ว แต่ขนาดไฟล์ไม่ลดลงจากการทำความสะอาดแบบปลอดภัย: ข้อความที่จะแสดงในกรณีที่ไม่มีการลดขนาดของไฟล์เกิดขึ้นหลังจากการประมวลผล
กฎเกณฑ์และกรณีข้อยกเว้นในการประมวลผล
เครื่องมือนี้ทำงานภายใต้กฎเกณฑ์การปรับแต่งที่ปลอดภัยเพื่อไม่ให้กระทบต่อโครงสร้างสำคัญของภาพ โดยมีรายละเอียดดังนี้:
- ส่วนที่ถูกลบออก: คอมเมนต์, ข้อมูลเมตา (Metadata), เนมสเปซของโปรแกรมแก้ไข, ช่องว่างส่วนเกินของแอตทริบิวต์, เนมสเปซที่ไม่ได้ใช้งาน และการแปลงสีให้อยู่ในรูปแบบที่สั้นลงแต่เทียบเท่ากัน
- ส่วนที่คงไว้: viewBox, ID, เลเบล และรูปทรงเรขาคณิตจะถูกรักษาไว้เหมือนเดิมทุกประการ
- สิ่งที่หลีกเลี่ยง: ระบบจะไม่เขียนเส้นทาง (Path) ใหม่, ไม่เปลี่ยนชื่อ ID, ไม่ลบ viewBox และไม่มีการปัดเศษทศนิยมที่มีความแม่นยำสูง
นอกจากนี้ ระบบยังมีข้อกำหนดและข้อผิดพลาดที่อาจเกิดขึ้นในกรณีต่างๆ ดังนี้:
- หากไม่มีข้อมูลในช่องใส่โค้ด ระบบจะแสดงข้อความ "โปรดวางโค้ด SVG ก่อน"
- หากข้อมูลที่ใส่ไม่ใช่โค้ด SVG ระบบจะแสดงข้อความ "ไม่พบองค์ประกอบ <svg>"
- หากตรวจพบประเภทเอกสารหรือเอนทิตีที่กำหนดเอง ระบบจะแสดงข้อความ "SVG นี้ใช้ประเภทเอกสาร (Document Type) หรือเอนทิตีที่กำหนดเอง โปรดลบออกก่อนเพิ่มประสิทธิภาพ"
- หากไฟล์มีขนาดใหญ่เกินไป ระบบจะแสดงข้อความ "SVG นี้มีขนาดใหญ่เกินไปสำหรับเครื่องมือนี้ โปรดใช้ไฟล์ที่มีขนาดไม่เกิน
{max}ตัวอักษร" - หากการประมวลผลใช้เวลานานเกิน 15 วินาที ระบบจะหยุดทำงานและแสดงข้อความ "การประมวลผลใช้เวลานานเกินไปและถูกระงับ — โปรดลองใช้ SVG ที่มีขนาดเล็กลง"
- การล้างข้อมูลหรือการเปลี่ยนแปลงข้อมูลนำเข้าในระหว่างที่ระบบกำลังทำงาน จะเป็นการยกเลิกกระบวนการเพิ่มประสิทธิภาพที่กำลังดำเนินอยู่ทันที
นโยบายความเป็นส่วนตัวและการประมวลผลข้อมูล
ความเป็นส่วนตัวของข้อมูลถือเป็นสิ่งสำคัญ โค้ด SVG ของคุณจะถูกเพิ่มประสิทธิภาพภายในเบราว์เซอร์ของคุณโดยตรง และไม่มีการอัปโหลดข้อมูลใดๆ ไปยัง BroBroGo
คำถามที่พบบ่อย (FAQ)
ถาม: เครื่องมือนี้จะลบข้อมูลอะไรออกบ้าง?
ตอบ: ระบบจะลบคอมเมนต์, ข้อมูลเมตา (Metadata), เนมสเปซของโปรแกรมแก้ไข, ช่องว่างส่วนเกินของแอตทริบิวต์, เนมสเปซที่ไม่ได้ใช้งาน และแปลงสีให้อยู่ในรูปแบบที่สั้นลงแต่เทียบเท่ากัน โดยจะยังคงรักษา viewBox, ID, เลเบล และรูปทรงเรขาคณิตไว้เหมือนเดิมทุกประการ
ถาม: เครื่องมือนี้สามารถเพิ่มประสิทธิภาพให้กับ SVG ทุกไฟล์ได้หรือไม่?
ตอบ: เครื่องมือนี้รองรับโค้ด SVG แบบอินไลน์ทั่วไป ส่วน SVG ที่มีการประกาศประเภทเอกสาร (Document Type) หรือเอนทิตีที่กำหนดเองจะถูกบล็อก เนื่องจากอาจทำให้การประมวลผลไม่ปลอดภัย โปรดลบการประกาศเหล่านั้นออกแล้วลองใหม่อีกครั้ง
ถาม: การเพิ่มประสิทธิภาพจะทำให้กราฟิกแสดงผลเปลี่ยนไปหรือไม่?
ตอบ: ตัวเพิ่มประสิทธิภาพจะหลีกเลี่ยงการเขียนเส้นทาง (Path) ใหม่, การเปลี่ยนชื่อ ID, การลบ viewBox และการปัดเศษทศนิยมที่มีความแม่นยำสูง หาก SVG ของคุณต้องพึ่งพาคอมเมนต์หรือข้อมูลเมตา (Metadata) สำหรับขั้นตอนการออกแบบ โปรดเก็บไฟล์ต้นฉบับสำรองไว้