ตัวจัดรูปแบบ SVG

ตัวจัดรูปแบบ SVG

เปลี่ยน SVG ที่ถูกย่อเหลือบรรทัดเดียวให้กลับเป็นโค้ดที่จัดย่อหน้าและอ่านง่าย โดยไม่เปลี่ยนสิ่งที่ภาพวาดออกมาแม้แต่นิดเดียว

☞ ทำงานในเบราว์เซอร์ของคุณทั้งหมด — ไม่มีการอัปโหลดไฟล์

ลากไฟล์ SVG มาวางที่นี่

หรือคลิกเพื่อเลือกไฟล์ — รับเฉพาะ SVG

ก่อนและหลัง

เปลี่ยนแค่ช่องว่างเท่านั้น — คอมเมนต์ สี และความละเอียดของ path ยังคงอยู่เหมือนเดิมทุกอย่าง

โค้ดที่จัดรูปแบบแล้ว

อ่านง่ายอีกครั้ง

ทำให้ SVG ที่ถูกย่อขนาดกลับมาอ่านง่าย

SVG ที่ถูกย่อขนาดคือบรรทัดยาวบรรทัดเดียว ซึ่งเบราว์เซอร์อ่านได้สบายแต่คนอ่านแทบไม่ไหว หน้านี้จัดย่อหน้าใหม่ให้ระดับละสองช่องว่าง เพื่อให้คุณหาอิลิเมนต์ที่ต้องการเจอ

นอกจากนั้นไม่มีอะไรถูกแตะต้อง คอมเมนต์ยังอยู่ครบ สียังใช้รูปแบบเดิมที่คุณเขียนไว้ และทุกพิกัดยังคงทศนิยมเท่าเดิม — ไฟล์จะใหญ่ขึ้น และนั่นคือจุดประสงค์ทั้งหมดของหน้านี้

สามขั้นตอน

วิธีจัดรูปแบบไฟล์ SVG

วางไฟล์ SVG

เลือกไฟล์ .svg — ไฟล์ยังอยู่ในเครื่องของคุณ

อ่านผลลัพธ์

โค้ดที่จัดรูปแบบแล้วจะแสดงพร้อมย่อหน้าระดับละสองช่องว่าง

คัดลอกหรือดาวน์โหลด

เอาโค้ดไปใช้ในโปรแกรมแก้ไขของคุณ หรือบันทึกไฟล์

คำตอบอย่างเร็ว

คำถามที่พบบ่อยเกี่ยวกับตัวจัดรูปแบบ SVG

การจัดรูปแบบเปลี่ยนหน้าตาของภาพไหม

ไม่เปลี่ยน สิ่งที่เปลี่ยนมีเพียงช่องว่างระหว่างอิลิเมนต์เท่านั้น ส่วนสี พิกัด คอมเมนต์ และลำดับของแอตทริบิวต์ ยังคงอยู่เหมือนเดิมทุกประการ

ทำไมไฟล์ของฉันจึงใหญ่ขึ้น

ย่อหน้าคืออักขระจริง ๆ ไฟล์ที่จัดรูปแบบแล้วมีไว้เพื่ออ่านและแก้ไข ก่อนนำขึ้นเว็บไซต์ให้ส่งผ่านตัวย่อขนาด SVG อีกครั้ง

ซ่อมไฟล์ SVG ที่เสียได้ไหม

ไม่ได้ ไฟล์ต้องแยกวิเคราะห์ผ่านก่อนจึงจะจัดรูปแบบได้ ถ้าไม่มีอะไรเกิดขึ้น ให้เปิดในโปรแกรมดู SVG ซึ่งจะบอกว่าตัวแยกวิเคราะห์หยุดทำงานตรงไหน

มีการอัปโหลดไฟล์หรือไม่

ไม่มี การจัดรูปแบบเกิดขึ้นในเบราว์เซอร์ของคุณ และไฟล์ไม่เคยออกจากอุปกรณ์นี้

ตัวจัดรูปแบบ SVG