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

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

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

JPEG ไม่มีแชนเนลอัลฟา

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

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

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

อัลฟารอดตรงไหน และตายตรงไหน

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

• การวางลงในเอกสารหรือสไลด์ Word และ PowerPoint โดยทั่วไปคงความโปร่งใสไว้บนหน้าจอ การวางจึงแทบไม่ใช่ปัญหา ปัญหาอยู่ที่การส่งออก
• "บันทึกเป็น JPEG" ทุกกรณี สูญเสียแน่นอน รวมถึงแบบที่เกิดขึ้นเงียบ ๆ ด้วย เช่นเครื่องมือที่เสนอ "ปรับให้เหมาะกับเว็บ" แล้วเลือก JPEG ให้คุณเอง
• การส่งงาน PDF และงานพิมพ์ PDF แบกความโปร่งใสมาตั้งแต่ PDF 1.4 และตัวส่งออกที่ใช้กันทั่วไปส่วนใหญ่ก็คงมันไว้ ความเสี่ยงอยู่ที่พรีเซ็ตงานพิมพ์: มาตรฐานงานก่อนพิมพ์รุ่นเก่าอย่าง PDF/X-1a ไม่อนุญาตให้มีความโปร่งใสแบบสด — เวอร์ชันปี 2001 สร้างอยู่บน PDF 1.3 ซึ่งไม่มีโมเดลความโปร่งใสเลยแม้แต่น้อย ส่วนเวอร์ชันปี 2003 ก็สั่งห้ามไว้ตรง ๆ — อะไรที่โปร่งใสจึงถูกยุบรวมลงกับหน้ากระดาษ ถ้าโรงพิมพ์ระบุพรีเซ็ตมาให้ ให้ถามว่ามันจัดการกับความโปร่งใสอย่างไร
• อีเมล รูปในเนื้อความอาจถูกเข้ารหัสใหม่ตอนขาออกโดยโปรแกรมเขียนเมลบางตัว หรือถูกเสิร์ฟผ่านพร็อกซีรูปภาพตอนขาเข้า พฤติกรรมต่างกันไปตามโปรแกรม จึงคุ้มที่จะทดสอบมากกว่าจะเดาเอา ส่วนไฟล์แนบเดินทางถึงปลายทางแบบครบถ้วนได้น่าเชื่อถือกว่ามาก
• การอัปโหลดขึ้นแชท โซเชียล และหน้าร้าน ไปป์ไลน์เหล่านี้เข้ารหัสภาพใหม่เพื่อประหยัดแบนด์วิดท์ หรือปรับทุกอย่างให้เหลือรูปแบบเดียว ไม่ว่าคุณจะส่งอะไรไปก็ตาม

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

ทดสอบ 30 วินาที ก่อนส่งงานอะไรก็ตามออกไป

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

1. วางภาพทับลงบนสีจัด ๆ ในโปรแกรมสไลด์หรือโปรแกรมออกแบบของคุณ ให้วาดสี่เหลี่ยมสีมาเจนตาขึ้นมา แล้ววางภาพไดคัทลงไปข้างบน สีขาวที่คุณเห็นคือสีที่ถูกอบติดมาแล้ว
2. ยืนยันรูปแบบไฟล์ที่แท้จริง ไฟล์ที่ชื่อ logo.png อาจเป็น JPEG ที่ถูกเปลี่ยนชื่อมาก็ได้ ทั้ง Windows และ macOS ต่างอ่านป้ายกำกับจากนามสกุลไฟล์ ไฟล์ที่ติดป้ายผิดจึงยังขึ้นเป็น PNG อยู่ดี ให้เปิดมันในโปรแกรมแก้ไขภาพแล้วดูรูปแบบไฟล์ที่รายงานไว้ตรงนั้น หรือส่งออกเป็น PNG ใหม่ให้สะอาดจากโปรแกรมออกแบบของคุณ
3. ทดสอบที่ช่องทาง ไม่ใช่ที่ไฟล์ ส่งรูปหนึ่งใบไปตามเส้นทางที่มันจะเดินจริงแบบเป๊ะ ๆ: เมลหาตัวเอง โพสต์ลงบัญชีทดสอบส่วนตัว หรือรันสินค้าหนึ่งชิ้นผ่านระบบอัปโหลดของหน้าร้าน

ถ้ามันผ่านขั้นที่หนึ่งแต่ตกขั้นที่สาม แปลว่าไฟล์ไม่ได้มีปัญหา ช่องทางต่างหากที่ยุบรวมชั้นให้

เมื่อไรควรเลิกสู้ แล้วเลือกสีเอาเอง

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

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

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

สองไฟล์ หนึ่งการตัดสินใจ

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