ทำพื้นหลัง SVG ให้โปร่งใส

ทำไม SVG ของคุณถึงมีพื้นหลังสีขาว

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

นั่นหมายความว่าการลบพื้นหลังออกจาก SVG ไม่ใช่ฟิลเตอร์หรือโหมดพิเศษ แต่เป็นการแก้ไขธรรมดา ๆ คุณแค่เลือกรูปทรงที่ทำตัวเป็นพื้นหลังแล้วลบทิ้ง เพราะ Rayzia อ่านไฟล์เป็น SVG แบบเนทีฟ รูปทรงนั้นจึงเข้ามาเป็นออบเจ็กต์ปกติที่คลิกได้

วิธีลบพื้นหลังออกจาก SVG

1. เปิดโปรแกรมแก้ไข ไปที่ rayzia.com แล้วเปิดโปรแกรมแก้ไขที่ /vector/ ไม่ต้องดาวน์โหลดอะไรและไม่ต้องมีบัญชีก็เริ่มได้ ใช้งานได้ในทุกเบราว์เซอร์บน Windows, Mac, Linux, ChromeOS หรือแท็บเล็ต
2. ลากไฟล์ .svg เข้ามา ลากไฟล์มาวางบนแคนวาส หรือใช้เมนู File แล้ว Open ก็ได้ Rayzia อ่านไฟล์เป็น SVG แบบเนทีฟ สี่เหลี่ยมพื้นหลังจึงเข้ามาเป็นออบเจ็กต์ที่แก้ไขได้แยกชิ้น ไม่ใช่ส่วนหนึ่งของภาพที่ถูกล็อก
3. คลิกรูปทรงพื้นหลัง คลิกสี่เหลี่ยมสีขาวเพื่อเลือก ถ้างานของคุณวางทับอยู่ ให้ใช้ Alt+คลิกที่จุดเดิมเพื่อเลือกออบเจ็กต์ที่อยู่ข้างหลัง Alt+คลิกแต่ละครั้งจะเจาะลึกลงไปทีละชั้น
4. ลบทิ้ง กด Delete เพื่อลบสิ่งที่เลือกไว้ ถ้าเลือกผิดชิ้น ก็ย้อนกลับได้ด้วย undo ครั้งเดียว
5. ส่งออก เลือก File แล้ว Export จากนั้นเลือก SVG เพื่อรับไฟล์เวกเตอร์ที่เรียบร้อยกลับไป หรือ PNG ถ้าต้องการสำเนาแรสเตอร์ PNG เก็บความโปร่งใสไว้ พื้นที่ที่คุณเพิ่งเคลียร์จึงยังคงโปร่งใส

รักษาความโปร่งใสตอนส่งออก

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

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

ความโปร่งใสใน SVG: คำถามที่พบบ่อย