วิธีทำ PNG พื้นหลังโปร่งใสในไม่กี่วินาที (คู่มือ 2026)

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

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

"โปร่งใส" หมายความว่าอย่างไรกันแน่

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

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

นี่คือความต่างสำคัญจากพื้นหลังสีขาว:

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

PNG กับ JPG กับ WebP: อันไหนรองรับความโปร่งใส

• JPG/JPEG — ไม่รองรับความโปร่งใส ไม่ว่ากรณีใด การบันทึกภาพโปร่งใสเป็น JPG จะเติมสีลงในพื้นหลังแบบเงียบ ๆ (ปกติเป็นสีขาว) นี่คือสาเหตุอันดับหนึ่งที่ความโปร่งใสถูกทำลายในการใช้งานจริง
• PNG — รองรับความโปร่งใสแบบอัลฟา 8 บิตเต็มรูปแบบ คุณภาพไม่สูญเสีย และรองรับได้ทุกที่ เป็นตัวเลือกมาตรฐานสำหรับโลโก้ ภาพไดคัท และงานกราฟิก
• WebP — รองรับความโปร่งใสเหมือน PNG แต่ไฟล์เล็กกว่า เหมาะกับงานเว็บมาก และตอนนี้เบราว์เซอร์แทบทุกตัวรองรับแล้ว remover.bg รองรับ WebP ครบวงจร ถ้านั่นคือขั้นตอนการทำงานของคุณ

หลักจำง่าย ๆ: รูปถ่ายที่ไม่มีความโปร่งใส → JPG หรือ WebP; อะไรก็ตามที่มีความโปร่งใส → PNG หรือ WebP; และอย่าใช้ JPG กับภาพไดคัทเด็ดขาด

เมื่อไรที่คุณต้องใช้ PNG พื้นหลังโปร่งใสจริง ๆ

• โลโก้ — ทั้งบนเว็บไซต์ ใบแจ้งหนี้ งานนำเสนอ และของที่ระลึก โลโก้ต้องวางอยู่บนอะไรก็ได้ที่อยู่ข้างหลังมัน (มีโลโก้ที่พื้นหลังติดมาด้วยใช่ไหม? นี่คือวิธีแก้)
• ภาพไดคัทสินค้า — เพื่อให้ภาพสินค้าภาพเดียวกันวางลงบนแบนเนอร์ ลิสติ้งบนมาร์เก็ตเพลส และพื้นหลังแคมเปญตามเทศกาลได้ทันที
• ไฟล์ประกอบงานออกแบบ — ไอคอน ตราสัญลักษณ์ ลายเซ็นสำหรับเอกสาร ลายน้ำ และป้ายหน้าบูทกับป้ายราคาที่พิมพ์ออกมา
• สติกเกอร์และภาพซ้อน — สติกเกอร์แชท ภาพซ้อนสำหรับสตรีม และกราฟิกในวิดีโอ
• งานออกแบบสำหรับ print-on-demand — เครื่องพิมพ์เสื้อยืดต้องการลายของคุณ ไม่ใช่ลายของคุณบวกสี่เหลี่ยมสีขาว (กำลังเตรียมไฟล์สำหรับ POD อยู่ไหม? นี่คือเช็กลิสต์การเตรียมภาพ print-on-demand ฉบับเต็ม)

วิธีทำไฟล์โปร่งใสสักไฟล์

สามขั้นตอน กับหนึ่งการตัดสินใจ นั่นคือรูปแบบไฟล์

1. เริ่มจากไฟล์ต้นฉบับที่ดีที่สุดที่คุณมี — ความละเอียดยิ่งสูง ขอบยิ่งสะอาด
2. อัปโหลดขึ้น remover.bg — ลากไฟล์มาวางหรือคลิกเพื่อเลือกไฟล์ ใช้ได้ทั้ง PNG, JPG และ WebP เป็นไฟล์เข้า AI แยกตัวแบบออกจากพื้นหลังให้อัตโนมัติ รวมถึงขอบยาก ๆ อย่างเส้นผม ขนสัตว์ ผ้าตาข่าย และกระจกรถ กระจกรถก็จัดการให้ด้วย: ฉากเดิมที่มองทะลุกระจกจะถูกเคลียร์ออก แล้วสร้างเฉดกระจกที่ดูสมจริงขึ้นมาแทนที่ ยกเว้นกระจกที่ติดฟิล์มดำเข้ม ซึ่งจะยังคงทึบเหมือนเดิม
3. ดาวน์โหลดเป็น PNG ผลลัพธ์จะแสดงอยู่บนลายตารางหมากรุกสีเทาสลับขาว ซึ่งเป็นวิธีที่หน้าจอวาดคำว่า ไม่มีอะไรตรงนี้ ไม่ใช่ส่วนหนึ่งของไฟล์ ปล่อยพื้นหลังในโปรแกรมแก้ไขให้ ว่าง ไว้ เมนูรูปแบบไฟล์จะมี PNG · โปร่งใส, WebP · โปร่งใส และ JPG · พื้นหลังขาว — อันสุดท้ายคือคำเตือน ไม่ใช่ฟีเจอร์ สิ่งที่คุณได้คือไฟล์ PNG ที่มีแชนเนลอัลฟาจริง ๆ พร้อมนำไปวางที่ไหนก็ได้

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

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

วิธี รักษา ความโปร่งใสเอาไว้

ความโปร่งใสจะอยู่รอดก็ต่อเมื่อทุกขั้นตอนในการทำงานของคุณเคารพมัน:

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

สามวิธีตรวจว่า PNG โปร่งใสจริงหรือเปล่า

"PNG พื้นหลังโปร่งใส" ปลอมกันได้ง่าย ๆ ภาพพื้นหลังขาวที่ตั้งชื่อลงท้าย .png ก็ดูเหมือนกันเป๊ะเวลาเปิดดูในโฟลเดอร์

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

สิ่งที่ไม่ใช่การทดสอบเลย: นามสกุลไฟล์ การเปลี่ยนชื่อ logo.jpg เป็น logo.png ไม่ได้เปลี่ยนอะไรทั้งนั้น เพราะ JPG ไม่มีอัลฟาให้เสกขึ้นมาด้วยการเปลี่ยนชื่อ

ทำไมไฟล์ PNG โปร่งใสถึงใหญ่นัก

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

• ลดจำนวนสีในพาเลต pngquant แปลง PNG แบบ 24/32 บิตให้เป็นพาเลต 8 บิตที่ยังพกอัลฟาต่อพิกเซลไปด้วย ขอบที่ผ่านการลบรอยหยักจึงรอด ตัวมันรายงานว่าประหยัดพื้นที่ได้บ่อยครั้งถึง 70% โดยไฟล์ 8 บิตมักเล็กกว่าต้นฉบับ 24/32 บิตราว 60–80% ลองเทียบสองไฟล์ที่การซูมเต็มก่อนส่งงาน — งานกราฟิกสีเรียบจะลดสีได้แบบมองไม่ออก แต่ไล่เฉดนุ่ม ๆ อาจเกิดแถบสี
• เปลี่ยนไปใช้ WebP ตอนส่งมอบ Google ระบุว่า WebP แบบไม่สูญเสียคุณภาพเล็กกว่า PNG 26% ส่วน WebP แบบสูญเสียคุณภาพที่มีความโปร่งใสมีขนาดราวหนึ่งในสามของ PNG และมันอยู่ในเมนูดาวน์โหลดเดียวกันนั่นแหละ

เก็บ PNG ไว้เป็นไฟล์คลังของคุณ ส่วนเรื่องการส่งมอบนั้น เช็กลิสต์ SEO สำหรับรูปภาพ ครอบคลุมไว้ให้แล้ว

กับดักโหมดมืด: ขอบขาวเรือง ๆ บนพื้นหลังเข้ม

โลโก้ของคุณดูไร้ที่ติบนหน้าเว็บสีขาว แต่พอไปอยู่บนแถบหัวเว็บโทนเข้มกลับงอกเส้นขอบสว่างจาง ๆ ขึ้นมา แชนเนลอัลฟาไม่ได้มีปัญหา แต่ตัวขอบต่างหากที่มี

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

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

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

ไฟล์โลโก้: PNG หรือ SVG?

สำหรับรูปถ่ายไม่ต้องถามเลย เพราะรูปถ่ายคือพิกเซล แต่สำหรับโลโก้ คำถามนี้คุ้มที่จะถาม

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

ถ้ามีไฟล์ต้นฉบับเวกเตอร์อยู่แล้วก็ใช้มันเถอะ ขอไฟล์ .ai, .eps หรือ .svg จากนักออกแบบของคุณ ใช้ SVG บนเว็บไซต์ แล้วส่งออก PNG จากไฟล์นั้น แต่ถ้าไม่มี — เช่นได้ JPG มาจากนามบัตร หรือภาพหน้าจอจาก PDF — คำตอบคือ PNG เพราะการลบพื้นหลังให้ภาพแรสเตอร์แบบโปร่งใส ไม่ใช่เวกเตอร์ และไม่ว่าอย่างไรก็ควรเก็บไฟล์ PNG ต้นฉบับไว้ เพราะมาร์เก็ตเพลสและระบบอัปโหลดของ print-on-demand มักจัดการ SVG ได้ไม่น่าไว้ใจ

ปัญหาที่พบบ่อยและวิธีแก้เร็ว ๆ

• "โลโก้ของฉันมีกรอบสี่เหลี่ยมสีขาวรอบตัว" — ไฟล์นั้นเป็น JPG หรือเป็น PNG ที่ถูกยุบรวมแล้ว ให้เอาไปลบพื้นหลังใหม่แล้วส่งออกเป็นไฟล์ PNG ใหม่
• "ขอบดูหยักหรือมีขอบขาวเรือง ๆ" — ภาพไดคัทนั้นถูกตัดด้วยเครื่องมือที่ใช้ค่าขีดแบ่งแบบตายตัว การลบพื้นหลังด้วย AI ให้ขอบที่นุ่มและมีการลบรอยหยัก ซึ่งกลืนไปกับพื้นหลังแบบไหนก็ได้
• "ไฟล์ใหญ่มาก" — PNG เป็นไฟล์แบบไม่สูญเสียคุณภาพ ถ้าใช้บนเว็บให้แปลงเป็น WebP (ยังโปร่งใสอยู่ แต่ไฟล์เล็กลง) หรือย่อขนาดภาพลง
• "มันโปร่งใสอยู่ดี ๆ จนฉันส่งในแชท" — แอปแชทส่วนใหญ่เข้ารหัสรูปที่ส่งผ่านตัวเลือกรูปใหม่ และไฟล์ที่ออกมามักไม่มีอัลฟา สีขาวจึงกลับมา ให้ส่งเป็น ไฟล์เอกสาร แทน ส่วนสติกเกอร์จากรูปถ่ายคือข้อยกเว้นที่ออกแบบมาให้เป็นแบบนั้น
• "มีกรอบสี่เหลี่ยมขาวใน PowerPoint หรือ Google Slides" — ทั้งสองโปรแกรมเคารพอัลฟาของ PNG เมื่อไฟล์ถูก แทรก เข้ามาจากดิสก์ กรอบขาวมักมาจากการวางที่ผ่านขั้นตอนแปลงไฟล์ หรือมาจากไฟล์ที่ถูกยุบรวมมาตั้งแต่แรก และการส่งออกสไลด์เป็น JPG ก็ยุบรวมมันอีกครั้ง ดูสไลด์ที่สร้างขึ้นรอบภาพไดคัทประกอบได้

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