ทำไม PNG พื้นหลังโปร่งใสถึงกลายเป็นสีดำหรือขาว และจะแก้อย่างไร

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

ลบพื้นหลังรูปภาพต้องการลบพื้นหลังออกใช้ฟรี

ความโปร่งใสใน PNG คืออะไร

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

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

ทำไมจึงกลายเป็นสีดำหรือขาว

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

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

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

คงความโปร่งใสไว้ หรือเลือกพื้นหลังเอง

ตัดสินใจก่อนว่าคุณต้องการผลลัพธ์แบบไหน

สิ่งที่ต้องการ	บันทึกเป็น	ผลลัพธ์
ภาพตัดแยกสำหรับเว็บไซต์หรืองานออกแบบ	PNG หรือ WebP	คงความโปร่งใสไว้
ภาพตัดแยกเดิมบนพื้นหลังเรียบ	JPG	พื้นหลังสีที่คุณเลือก

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

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

1. คงความโปร่งใสไว้ เครื่องมือจะบันทึกเป็น PNG
2. เลือกสีขาว สีอื่น หรือเบลอ เครื่องมือจะบันทึกเป็น JPG ที่มีพื้นหลังนั้น

หากแบบฟอร์มต้องการไฟล์ JPG ให้เลือกพื้นหลังในขั้นตอนตัดแยกภาพ อย่าปล่อยให้ตัวแปลงไฟล์เป็นผู้เลือก เพราะอาจเลือกเป็นสีดำ

ทดสอบว่าความโปร่งใสยังอยู่หรือไม่

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

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

เลือกสีพื้นหลังอย่างตั้งใจ

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

วิธีทำด้วย fixmint

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

กรณีพิเศษ

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