วิธีรักษาพื้นหลังโปร่งใสเมื่อแปลงเป็น SVG

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

เก็บต้นฉบับและผลที่ยังไม่แก้ไว้ คุณต้องมีโปรแกรมรองรับ SVG หรือตัวแก้ไขผล PerfectVector ที่ปลดล็อกแล้ว พร้อมพื้นสีตัดกันเพื่อตรวจ หน้าขาวบอกไม่ได้ว่าสีขาวเป็นที่ว่าง วัตถุพื้นหลัง หรือส่วนงานที่ตั้งใจ

หาว่าสีขาวมาจากอะไร

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

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

เลือกเก็บงานก่อนหรือหลังลากเส้น

JPEG กลายเป็น SVG พื้นโปร่งใสได้หรือไม่? ได้ JPEG ไม่เก็บความโปร่งใส แต่การลากเส้นสร้างรูปทรงเวกเตอร์จากพิกเซลที่เห็นได้ หากพื้นหลังผลลัพธ์เป็นวัตถุเวกเตอร์แยกที่รองรับ ให้ลบภายหลัง หากพื้นหลังซับซ้อน ใช้รูปทรงร่วมกับตัวแบบ หรือยังอยู่ในภาพฝัง ให้เตรียมราสเตอร์โปร่งใสก่อนหรือแก้เวกเตอร์ด้วยมือ

มีสองทางที่มีประโยชน์:

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

เปลี่ยน .jpg เป็น .png ไม่ได้สร้างอัลฟารอบตัวแบบ การแปลงรูปแบบกับการลบพื้นหลังเป็นคนละการทำงาน สำหรับการเตรียม JPEG โดยเฉพาะ ดูวิธีแปลง JPG เป็น SVG

รักษาความโปร่งใสผ่านการแปลง

1. ตรวจต้นฉบับบนสีตัดกัน ตรวจว่าบริเวณโปร่งใสว่างจริง ไม่ใช่ขาวหรือลายตารางที่วาดไว้ บันทึก PNG ที่เตรียมแล้วหากต้องเก็บราสเตอร์
2. ลากเส้นและเทียบตัวอย่าง ใน PerfectVector แปลง PNG เป็น SVG แล้วเทียบตัวอย่างฟรีกับต้นฉบับ ดูเส้นขอบนอก รูที่ตั้งใจ และงานขาวภายใน
3. ปลดล็อกก่อนแก้ไข การปลดล็อกผลเปิดตัวแก้ไขและส่งออก ข้อเท็จจริงเกี่ยวกับผลิตภัณฑ์ แยกสิ่งนี้จากการแปลงและดูตัวอย่างฟรี
4. เลือกการทำงานพื้นหลังที่เหมาะ หากตัวแก้ไขตรวจพบพื้นหลังที่ลบได้ เปิด Remove Background แล้วเทียบสองตัวเลือกด้านล่าง หากไม่พบวัตถุเหมาะสม ให้ตรวจในโปรแกรมเวกเตอร์หรือกลับไปเตรียมราสเตอร์
5. ตรวจผลที่เปลี่ยนและเลิกทำหากจำเป็น ตรวจเส้นขอบนอก ตัวอักษร รายละเอียดขาว และรู เลิกทำการเปลี่ยนที่ลบงานซึ่งคุณต้องการเก็บ
6. ส่งออก SVG และทดสอบบนสีอื่น เปิดไฟล์บันทึกในแอปปลายทาง สีตัดกันควรมองทะลุได้เฉพาะจุดที่ตั้งใจให้โปร่งใส

PerfectVector: Background only เทียบกับ Background color

ตัวแก้ไขผลมีสองการทำงานเมื่อพบพื้นหลังที่ลบได้:

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

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

เริ่มจาก Background only เมื่อต้องการเก็บตัวอักษรขาว ตา หรือรายละเอียดภายในอื่น ดูผลก่อนใช้ หากพื้นหลังและส่วนหน้าเป็นวัตถุเดียวกัน ทั้งการเปลี่ยนสีทั้งหมดและการตรวจอัตโนมัติก็ไม่ได้ให้การแยกที่เชื่อถือได้ ให้แก้ระดับวัตถุหรือเตรียมราสเตอร์ดีกว่า

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

ตรวจไฟล์ส่งออก ไม่ใช่แค่ภาพย่อ

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

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

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

ภาพ AI และลายตารางที่ถูกวาดไว้

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

บางเครื่องมือสร้างมีตัวเลือกโปร่งใสจริง เอกสารอ้างอิง Images API ของ OpenAI ระบุโหมดพื้นหลังโปร่งใส ทึบ และอัตโนมัติ ตัวเลือกเหล่านั้นไม่ได้ยืนยันสิ่งที่อยู่ในไฟล์ดาวน์โหลดใดโดยเฉพาะ หากพื้นหลังถูกวาดในพิกเซล ให้เก็บราสเตอร์และส่งออกอัลฟาจริงก่อนลากเส้น

คำถามที่พบบ่อย

SVG รองรับพื้นหลังโปร่งใสหรือไม่? รองรับ SVG ไม่มีพื้นหลังลงสีโดยค่าเริ่มต้น แต่รูปทรงหรือราสเตอร์ฝังให้พื้นหลังทึบได้ ตรวจไฟล์จริงบนสีตัดกัน

บันทึก SVG พื้นหลังโปร่งใสอย่างไร? ลบวัตถุพื้นหลังจริงหรือเตรียมความโปร่งใสของราสเตอร์ฝัง เก็บงานภายในที่ตั้งใจ แล้วส่งออก SVG เปิดใหม่บนสีอื่นในแอปปลายทางเพื่อตรวจผลที่บันทึก

ทำไม SVG มีพื้นขาวหลังแปลง? ต้นฉบับอาจมีพิกเซลขาวทึบ ผลลากเส้นอาจมีวัตถุพื้นหลัง หรือยังมีราสเตอร์ฝัง ตรวจต้นฉบับและโครงสร้าง SVG ก่อนเลือกเก็บราสเตอร์หรือลบวัตถุเวกเตอร์

แปลง JPG เป็น SVG พื้นโปร่งใสได้หรือไม่? ได้ หากลบพื้นระหว่างเตรียมหรือจากรูปทรงเวกเตอร์ที่เหมาะภายหลัง JPEG เองเก็บอัลฟาไม่ได้ สำหรับวัตถุพื้นหลังที่ลากเส้นแยกชัด ให้ลบวัตถุนั้น สำหรับพื้นหลังราสเตอร์ซับซ้อนหรือฝัง ให้เตรียม PNG โปร่งใสก่อนหรือแก้ด้วยมือ

รักษาความโปร่งใสเมื่อแปลง PNG เป็น SVG อย่างไร? ตรวจว่า PNG มีอัลฟาจริง ลากเส้น แล้วเทียบกับต้นฉบับ หากเกิดวัตถุพื้นหลังที่ไม่ต้องการ ให้ลบวัตถุที่ถูกต้องเมื่อแก้ไขได้แล้ว ตรวจ SVG ส่งออกบนสีอื่น

ลบพื้นขาวจาก SVG ใน PerfectVector อย่างไร? ปลดล็อกผลแปลงก่อนแก้ไข หากพบพื้นหลังที่ลบได้ เลือก Background only เพื่อลบพื้นหลังที่ตรวจพบพร้อมเก็บงานขาวภายในที่เป็นชิ้นแยก Background color มีขอบเขตกว้างกว่าและลบรายละเอียดภายในสีตรงกันได้ด้วย ดูตัวอย่างและเลิกทำเมื่อจำเป็น

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

แหล่งข้อมูล

1. W3C — ข้อกำหนด PNG ฉบับที่สาม — ความทึบ PNG และความโปร่งใสช่องอัลฟา
2. MDN — คู่มือชนิดและรูปแบบไฟล์ภาพ — ความต่างความโปร่งใส JPEG และ PNG
3. W3C — เนื้อหาฝัง SVG — พิกเซลราสเตอร์ยังอยู่ภายในเอกสาร SVG ได้
4. PerfectVector — ข้อเท็จจริงเกี่ยวกับผลิตภัณฑ์ — ตัวอย่างผล การปลดล็อก และสิทธิ์แก้ไขกับส่งออก
5. OpenAI — เอกสารอ้างอิง Images API — โหมดพื้นหลังสำหรับภาพสร้างที่ระบุในเอกสาร

---

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