แยก SVG

แยก SVG

แตกไฟล์ SVG หนึ่งไฟล์ออกเป็นชิ้นส่วนระดับบนสุด ดูตัวอย่างทุกกลุ่ม ทุกสัญลักษณ์ และทุกรูปทรง ติ๊กเลือกชิ้นที่ต้องการ แล้วนำออกไปเป็นไฟล์แยก

แยก SVG

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

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

หรือคลิกเพื่อเลือก — เฉพาะ SVG

หนึ่งชิ้นส่วน หนึ่งไฟล์

อะไรบ้างที่นับเป็นหนึ่งชิ้นส่วน

ระบบแยกเฉพาะระดับบนสุดของไฟล์ และเฉพาะส่วนที่วาดอะไรออกมาจริง ๆ เท่านั้น ได้แก่ กลุ่ม สัญลักษณ์ เส้นพาธ รูปทรง ข้อความ และรูปภาพ ส่วนการไล่เฉดสี ฟิลเตอร์ มาสก์ และสไตล์ชีตนั้นเป็นนิยาม ไม่ใช่ภาพวาด จึงไม่เคยถูกแสดงเป็นชิ้นเดี่ยว ๆ เพราะไฟล์ที่มีแต่การไล่เฉดสีก็จะว่างเปล่า

ทุกชิ้นส่วนที่ส่งออกจะพกนิยามและสไตล์ทั้งชุดจากไฟล์ต้นฉบับไปด้วย นั่นทำให้แต่ละไฟล์ใหญ่กว่าที่จำเป็นจริง ๆ และเป็นการแลกที่ตั้งใจ: ชิ้นส่วนที่แสดงผลเหมือนตอนอยู่ในไฟล์ต้นฉบับเป๊ะ ๆ ย่อมดีกว่าชิ้นที่เล็กกว่าแต่ขาดการไล่เฉดสีไป หากต้องการตัดสิ่งที่ไม่ได้ใช้ออก ให้ส่งผลลัพธ์ผ่านตัวปรับแต่ง SVG

สามขั้นตอน

วิธีแยกไฟล์ SVG

01

วางไฟล์ SVG

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

02

ติ๊กเลือกชิ้นส่วน

แต่ละชิ้นแสดงตัวอย่างตรงตามที่จะถูกส่งออกจริง

03

ดาวน์โหลด

ชิ้นเดียวจะดาวน์โหลดตรง ๆ หลายชิ้นจะมาเป็นไฟล์ ZIP

ตอบสั้น ๆ

คำถามที่พบบ่อยเรื่องการแยก SVG

ทำไมแต่ละชิ้นถึงใหญ่พอ ๆ กับไฟล์ต้นฉบับ

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

ไม่มีอะไรขึ้นในรายการเลย เพราะอะไร

เป็นไปได้ว่าภาพทั้งภาพอยู่ในกลุ่มเดียว ซึ่งนับเป็นหนึ่งชิ้นส่วน การแยกถูกจำกัดไว้ที่ระดับบนสุดโดยตั้งใจ ถ้าเจาะลึกลงไปกว่านั้น ภาพประกอบทั่วไปหนึ่งภาพจะแตกออกเป็นเศษชิ้นเป็นร้อย

ใช้กับสไปรท์ไอคอนได้ไหม

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

ชิ้นส่วนถูกครอบตัดตามเนื้อหาไหม

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

รองรับได้กี่ชิ้นส่วน

ระบบจะแสดงชิ้นส่วนระดับบนสุด 100 ชิ้นแรก มากกว่านั้น การสร้างภาพตัวอย่างจะใช้เวลาเกินกว่าคุณค่าของการแยก — ให้รวมหรือจัดกลุ่มไฟล์ก่อน

ไฟล์ของฉันถูกอัปโหลดไหม

ไม่ ไฟล์ถูกแยกวิเคราะห์และแบ่งในเบราว์เซอร์ของคุณ และไฟล์ ZIP ก็ถูกสร้างขึ้นที่นั่นเช่นกัน