แก้ไข SVG ออนไลน์: เปลี่ยนสีและลบพื้นหลังโดยไม่ต้องติดตั้งโปรแกรม

1. ตัวแก้ไข SVG ออนไลน์ทำอะไรได้บ้าง

คนส่วนใหญ่ที่คิดจะแก้ไข SVG มักนึกถึงการติดตั้ง Illustrator แต่งานเบา ๆ เช่นเปลี่ยนสี ลบพื้นหลัง หรือลบองค์ประกอบ ตัวแก้ไขออนไลน์ก็เพียงพอแล้ว ตัวแก้ไข SVG ออนไลน์ของ PolySVG ทำงานในเบราว์เซอร์ ฟรี ไม่ต้องติดตั้งหรือสมัครสมาชิก และรองรับการทำงานระดับเส้นทาง ได้แก่ คลิกเพื่อลบ ลบพื้นหลังในคลิกเดียว วาดด้วยพู่กัน ลบด้วยมาสก์ เปลี่ยนสี ย้อนทำและทำซ้ำ แล้วส่งออกเป็น SVG หรือ PNG คุณอัปโหลดไฟล์ SVG ได้โดยตรง หรือนำผลลัพธ์เข้ามาด้วยคลิกเดียวจาก เครื่องมือแปลงรูปเป็น SVG สำหรับนักออกแบบ เครื่องมือนี้เหมาะกับการเก็บงานรอบสุดท้ายก่อนส่งมอบ ส่วนสำหรับนักพัฒนา เหมาะกับการปรับสีและขนาดไอคอนอย่างรวดเร็วก่อนนำไปใช้ในหน้าเว็บโดยไม่ต้องสลับไปมากับโปรแกรมออกแบบ

2. เปลี่ยนสี: ให้ไอคอนเข้ากับสีธีมใหม่

คลิกบล็อกสีบนแคนวาสเพื่อเลือกเส้นทางที่ตรงกัน แล้วเปลี่ยนสีที่ในแผงสี สถานการณ์ที่พบบ่อยคือสลับชุดไอคอนเดียวกันระหว่างธีมสว่างและธีมมืด ปรับโลโก้ที่เวกเตอร์ไลซ์แล้วให้ตรงกับสีแบรนด์ หรือทำให้สีของทรัพยากรจากหลายแหล่งเข้ากัน เมื่อเทียบกับการไปแก้โค้ดเพื่อหาพร็อพเพอร์ตี fill การคลิกเพื่อเปลี่ยนสีเข้าใจง่ายกว่ามากและไม่ไปกระทบเส้นทางอื่น",

3. ลบพื้นหลัง: อัตโนมัติแล้วคลิกลบเพิ่ม

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

4. พู่กันและยางลบ: วาดเติมและลบออก

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

5. ย้อนทำ ทำซ้ำ และส่งออก

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

6. ตารางสรุปงานแก้ไขที่พบบ่อย

• เปลี่ยนสีธีมของไอคอน: คลิกเส้นทางแล้วเปลี่ยนสีที่ ส่งออกสองเวอร์ชันสำหรับธีมสว่างและธีมมืด;
• ทำให้ทรัพยากรพื้นขาวโปร่งใส: ลบพื้นหลังคลิกเดียว คลิกลบเส้นทางที่เหลือ แล้วส่งออก SVG พื้นโปร่งใส;
• ซ่อมเส้นที่ขาดของโลโก้: วาดด้วยพู่กันตามรอยเปิดให้ลายเส้นถูกเวกเตอร์ไลซ์อัตโนมัติ แล้วเปลี่ยนสีให้เป็นสีเดียวกัน;
• ลบองค์ประกอบที่ไม่ต้องการ: คลิกบล็อกสีที่ไม่ต้องการแล้วลบทีละบล็อก ใช้ยางลบจัดการรายละเอียดที่ขอบ;
• รูปประกอบในเอกสาร: แก้เสร็จแล้วส่งออก PNG แล้ววางลงใน Word, PowerPoint หรือหน้าต่างแชท