เครื่องมือทำพื้นหลังโปร่งใส

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

อะไรทำให้เครื่องมือทำพื้นหลังโปร่งใสนี้แตกต่าง

วิธีทำพื้นหลังให้โปร่งใส

1. เปิดรูปภาพ: ลากไฟล์ JPG, PNG หรือ WebP มาวางในพื้นที่อัปโหลด แตะเพื่อเลือกไฟล์ หรือกด Ctrl+V เพื่อวาง รูปภาพจะถูกถอดรหัสในเบราว์เซอร์และไม่มีการอัปโหลด
2. รอให้สแกนค่าความคลาดเคลื่อน: เครื่องมือจะสุ่มตัวอย่างสีบริเวณขอบ ลบสีพื้นหลังออกจากรูปภาพด้วยค่าความคลาดเคลื่อน 17 ค่า และทำเครื่องหมายจุดหักมุมของกราฟพื้นที่ครอบคลุมเป็นค่าเกณฑ์ที่แนะนำ คลิกรูปย่อในแถบเพื่อทดลองค่าอื่น
3. ตรวจสอบตัวอย่างบนพื้นหลัง: ดูผลลัพธ์บนพื้นหลังสีขาว สีเทา สีดำ และสีแบรนด์ ขอบเรืองที่ลายตารางหมากรุกซ่อนไว้จะเห็นได้ทันทีบนช่องสีดำ
4. เก็บขอบให้เรียบร้อย: เพิ่มการย่อขอบขึ้นหนึ่งพิกเซลเพื่อลบขอบพื้นหลังที่เหลือจากการบีบอัด JPEG และเปิดการลดสีพื้นหลังปนเปื้อนเพื่อเอาสีพื้นหลังเดิมออกจากพิกเซลขอบที่ผสมสี
5. ดาวน์โหลด PNG แบบโปร่งใส: เลือก PNG หรือ WebP เปิดตัดขอบว่างหากต้องการครอบตัดไฟล์ให้พอดีกับตัวแบบ แล้วดาวน์โหลดด้วยความละเอียดดั้งเดิม

สาเหตุของขอบเรือง — และตัวควบคุมสองอย่างที่ช่วยกำจัด

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

การลดสีพื้นหลังปนเปื้อนแก้ปัญหานี้ด้วยการคำนวณ หากพิกเซลเป็นสีผสมระหว่างพื้นหน้า fg และพื้นหลัง bg ในสัดส่วน α ดังนั้น pixel = α · fg + (1 − α) · bg และสีพื้นหน้าที่ต้องการจริงคือ:

fg = ( pixel − (1 − α) × bg ) ÷ α

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

เลือกค่าความคลาดเคลื่อนด้วยตนเอง

ค่าความคลาดเคลื่อนคือระยะห่างใน CIE Lab ซึ่งเป็นปริภูมิสีที่ออกแบบให้แต่ละช่วงตัวเลขมีความแตกต่างทางสายตาใกล้เคียงกัน ความแตกต่างประมาณ 2.3 หน่วยเป็นระดับต่ำสุดที่คนทั่วไปมักสังเกตได้ ดังนั้นค่าด้านล่างจึงสูงกว่าที่ตัวเลขอาจทำให้คิด การจับคู่สีใน Lab แทน RGB ดิบช่วยให้ตัวเลขเดียวกันทำงานเหมือนกันทั้งบนพื้นหลังมืดและพื้นหลังสว่าง

กรณีที่ต้องใช้ PNG แบบโปร่งใสจริง ๆ

• รายการสินค้าในตลาดออนไลน์: Amazon, Etsy และ eBay ต้องการภาพสินค้าที่แยกจากพื้นหลัง PNG แบบโปร่งใสจะวางบนเทมเพลตสีขาวของเว็บไซต์เหล่านั้นและบนเว็บไซต์ธีมมืดของคุณได้อย่างเรียบร้อย
• โลโก้: โลโก้ที่ส่งมาเป็น JPG บนพื้นสีขาวจะใช้กับส่วนหัวสีอื่นไม่ได้ ลบพื้นหลังสีขาวออกครั้งเดียว แล้วเก็บ PNG ไว้เป็นไฟล์ต้นฉบับ
• ลายเซ็น: ถ่ายรูปลายเซ็นบนกระดาษ ลบกระดาษออก แล้วคุณจะได้ภาพเหมือนตราประทับที่วางบนสัญญาได้โดยไม่มีกล่องสีขาวล้อมรอบ
• สไลด์และภาพย่อ: การตัดคนและวัตถุที่ซ้อนทับข้อความออกจากพื้นหลังช่วยให้สไลด์หรือภาพย่อวิดีโอดูจัดวางอย่างตั้งใจ แทนที่จะดูเหมือนนำภาพมาแปะ
• สติกเกอร์และงานพิมพ์: สติกเกอร์ไดคัตและงานพิมพ์ DTF ใช้ช่องอัลฟาเป็นตัวกำหนดขอบตัด ดังนั้นขอบที่สะอาดและย่ออย่างถูกต้องจึงเป็นแนวให้เครื่องตัดตาม

วิธีตัดพื้นหลังให้เรียบร้อยที่สุด

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

สรุปรูปแบบไฟล์อย่างรวดเร็ว

ความเป็นส่วนตัว

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

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

ทำพื้นหลังสีขาวให้โปร่งใสได้อย่างไร?

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

ควรใช้ค่าความคลาดเคลื่อนเท่าใด?

ให้กราฟสแกนเลือกค่าให้ เครื่องมือจะลบสีพื้นหลังออกจากภาพด้วยค่าความคลาดเคลื่อน 17 ค่า แล้วแสดงปริมาณพื้นที่ที่กลายเป็นโปร่งใส พื้นหลังสีเดียวจริงจะเกิดช่วงราบหลังจากจับพื้นหลังได้ทั้งหมด แต่ก่อนที่ตัวแบบจะเริ่มจางหาย และจุดหักมุมของช่วงราบนั้นคือค่าที่แนะนำ สำหรับแนวทางกำหนดเอง ค่า 10 ถึง 20 เหมาะกับฉากสตูดิโอสีขาวเรียบหรือภาพหน้าจอ ค่า 25 ถึง 40 เหมาะกับผนังทาสีที่มีเงานุ่ม และค่า 30 ถึง 45 เหมาะกับฉากสีเขียวหรือสีน้ำเงิน

ทำไมจึงมีขอบเรืองสีขาวรอบภาพที่ตัดพื้นหลังแล้วเมื่อวางบนพื้นหลังสีเข้ม?

พิกเซลที่ขอบเป็นสีผสมระหว่างตัวแบบกับพื้นหลัง จึงยังมีสีขาวหลงเหลือหลังลบสีพื้นหลัง และการบีบอัด JPEG ทำให้ขอบนั้นกว้างขึ้น แก้ได้ด้วยตัวควบคุมสองอย่าง: การลดสีพื้นหลังปนเปื้อนจะเอาสีพื้นหลังออกจากทุกพิกเซลที่โปร่งใสบางส่วน โดยคำนวณ fg = (pixel - (1 - alpha) * background) / alpha เมื่อ alpha คือระดับความทึบของพิกเซลนั้น ส่วนการย่อขอบจะกัดกร่อนช่องอัลฟาเข้าด้านในหนึ่งหรือสองพิกเซลเพื่อตัดขอบที่ปนเปื้อนออกไปโดยตรง ซึ่งเป็นวิธีที่ได้ผลแรงกว่าในสองวิธีนี้ ดูช่องตัวอย่างพื้นหลังสีดำเพื่อยืนยันว่าขอบเรืองหายไปแล้ว

รูปแบบใดคงความโปร่งใสได้ PNG หรือ WebP?

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

ลบพื้นหลังที่มีรายละเอียดมากหรือเป็นภาพถ่ายได้ไหม?

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

รูปภาพของฉันถูกอัปโหลดไปยังเซิร์ฟเวอร์ไหม?

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