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

จริง ๆ แล้วความโปร่งใสคืออะไร: ช่องอัลฟา

PNG พื้นหลังโปร่งใส: คู่มือใช้จริงเรื่องความโปร่งใสอัลฟา — visual 1
จริง ๆ แล้วความโปร่งใสคืออะไร: ช่องอัลฟา

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

ช่องที่สี่นั้นคือเหตุผลที่ความโปร่งใสมีพฤติกรรมแบบที่มันเป็น

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

จุดสุดท้ายนั้นคือสาเหตุที่พบบ่อยที่สุดเดียวของ "พื้นหลังโปร่งใสของฉันหายไป"

กับดักพื้นหลังขาว

PNG พื้นหลังโปร่งใส: คู่มือใช้จริงเรื่องความโปร่งใสอัลฟา — visual 2
กับดักพื้นหลังขาว

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

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

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

สร้างความโปร่งใส: การลบพื้นหลัง

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

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

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

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

กฎคร่าว ๆ เมื่อแปลง

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

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

เช็กลิสต์ด่วนสำหรับความโปร่งใสที่สะอาด

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

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