วิธีสร้างภาพพื้นหลังโปร่งใส (PNG, WebP และรูปแบบไฟล์)

อัปเดตล่าสุด: June 27, 2026

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

คำตอบด่วน: จะทำอย่างไรให้ภาพโปร่งใสได้?

ต้องลบพื้นหลังให้เป็น alpha channel แล้วบันทึกในรูปแบบที่รองรับคุณสมบัตินี้ หลักการใช้งานจริงคือ:

เป้าหมาย	ใช้กับ	เหตุผล
ภาพเว็บโปร่งใส ขนาดเล็ก	WebP (alpha)	เล็กกว่า PNG และรองรับโดยเบราว์เซอร์สมัยใหม่ทั้งหมด
ภาพโปร่งใส ความเข้ากันได้สูงสุด	PNG (alpha)	รองรับสากล ไม่สูญเสียข้อมูลคุณภาพ (lossless)
รูปถ่ายที่ไม่มีความโปร่งใส	JPEG	ขนาดเล็กที่สุดสำหรับรูปภาพ แต่ไม่มี alpha channel
เวกเตอร์/โลโก้ที่มีความโปร่งใส	SVG	ย่อขยายได้ เล็กมาก และมีคุณสมบัติความโปร่งใสนี้ในตัว

ใช้ Background Remover เพื่อรับส่วนที่ตัดออกมา จากนั้นจึงส่งออกเป็น PNG หรือ WebP หากต้องการทราบว่าการลบพื้นหลังทำงานอย่างไร โปรดดูที่ AI background removal guide

รูปแบบภาพใดที่รองรับความโปร่งใส?

ความโปร่งใสมาจาก ช่อง Alpha (alpha channel) ซึ่งเป็นค่าความทึบแสงต่อพิกเซล นอกเหนือจากสี RGB ไม่ใช่ทุกรูปแบบที่มีคุณสมบัตินี้:

Format	Alpha (transparency)	Use for
PNG	Yes (8-bit)	Universal transparent images, logos, UI
WebP	Yes (lossy and lossless)	Smaller transparent images for the web
AVIF	Yes	Smallest transparent images, modern browsers
GIF	Yes (1-bit, on/off)	Hard edges only; no semi-transparency
SVG	Yes (vector)	Logos, icons, illustrations
JPEG	No	Photos only; flattens to a solid background
BMP	No	Rare on the web

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

ช่อง Alpha ทำงานอย่างไร?

พิกเซลแต่ละพิกเซลในไฟล์ PNG/WebP ที่มี alpha จะมีสี่ค่า: red, green, blue และ alpha (RGBA) ค่า Alpha คือความทึบแสง — 0 หมายถึงโปร่งใสโดยสมบูรณ์, 255 หมายถึงทึบแสงโดยสมบูรณ์, และค่าที่อยู่ระหว่างนั้นคือกึ่งโปร่งใส ภาพรวมที่คุณเห็นคือการตัดส่วนที่ผสมผสานกับสิ่งที่อยู่ด้านหลัง

แนวคิดช่อง Alpha: สี RGB บวกกับหน้ากาก Alpha เท่ากับภาพโปร่งใสที่รวมกัน

พิกเซลกึ่งโปร่งใสมีความสำคัญสำหรับขอบที่นุ่มนวล เช่น เส้นผม ขน เงา หรือข้อความแบบ anti-aliased รูปแบบที่มีความโปร่งใสเพียง 1-bit (GIF) จะทำให้ขอบเหล่านั้นดูเป็นหยักหรือมีรัศมีรอบข้าง แต่ PNG และ WebP alpha ช่วยให้ขอบยังคงความนุ่มนวล ลิงก์ [MDN alpha channel reference] อธิบายว่าการ compositing ด้วย alpha ทำงานอย่างไรในเบราว์เซอร์

ต้องทำอย่างไรถึงจะสร้างภาพโปร่งใสได้?

เริ่มต้นด้วยวัตถุบนพื้นหลังที่เรียบที่สุดเท่าที่จะทำได้ พื้นหลังสีขาวหรือสีเขียวทึบจะลบออกได้อย่างสะอาดง่ายกว่าฉากที่มีรายละเอียดเยอะมาก
ลบพื้นหลัง ใช้ Background Remover สำหรับการลบอัตโนมัติ หรือเครื่องมือ CLI อย่าง rembg สำหรับการประมวลผลเป็นชุด (batches).
ส่งออกเป็น PNG หรือ WebP, ห้ามใช้ JPEG เด็ดขาด ตรวจสอบให้แน่ใจว่าตัวส่งออก (exporter) ยังคงรักษา alpha channel ไว้
ตรวจสอบขอบ ที่ 200% — มองหาฮาโล (halos หรือร่องรอยพื้นหลังที่เหลืออยู่) และช่องว่าง (gaps หรือส่วนของวัตถุที่หายไป)
ทดสอบบนพื้นหลังที่มีความแตกต่างกัน เพื่อยืนยันว่าความโปร่งใสเป็นของจริง ไม่ใช่แค่สีขาวทับสีขาว

สำหรับการตัดวัตถุสินค้าให้สะอาดตา ผลลัพธ์ที่ได้จะสามารถวางลงบนพื้นหลังใดก็ได้:

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

การนำกลับมาใช้ใหม่นี้คือจุดประสงค์ทั้งหมด: ภาพตัดเพียงภาพเดียวสามารถกลายเป็นรูปภาพสำหรับตลาด (marketplace image), งานสร้างสรรค์โฆษณา (ad creative), และโพสต์โซเชียลได้โดยไม่ต้องถ่ายภาพซ้ำ ดูคู่มือ background removal use cases สำหรับชุดการใช้งานทั้งหมด

คุณจะลบพื้นหลังด้วยโปรแกรมได้อย่างไร?

สำหรับการประมวลผลแบบกลุ่ม (batch), rembg (ซึ่งเป็น CLI wrapper รอบ U2-Net) จะส่งออกไฟล์ PNG ที่โปร่งใส:

pip install rembg
## One image
remgb i input.jpg output.png
## A whole folder
rembg p input_dir/ output_dir/

ด้วย ImageMagick และพื้นหลังเรียบ การลบแบบใช้เกณฑ์ความคลุมเครือ (fuzz-threshold) จะใช้งานได้กับกรณีง่ายๆ:

## Remove near-white pixels to transparent (good for product shots on white)
magick input.jpg -fuzz 15% -transparent white output.png

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

PNG หรือ WebP สำหรับรูปภาพโปร่งใส?

ทั้งสองรองรับ alpha แบบเต็ม ดังนั้นการเลือกจึงขึ้นอยู่กับขนาดและความเข้ากันได้:

Format	ไฟล์โปร่งใส (โดยทั่วไป)	การรองรับในเบราว์เซอร์	ควรเลือกเมื่อใด
PNG	ขนาดใหญ่กว่า	100%	ความเข้ากันได้สูงสุด, อีเมล, คลังข้อมูล
WebP	เล็กกว่าประมาณ 20–40%	~98%	หน้าเว็บที่ขนาดไบต์มีความสำคัญ

สำหรับหน้าเว็บ ควรใช้ WebP พร้อมด้วย PNG fallback ในองค์ประกอบ <picture> ส่วนสำหรับอีเมล ให้ใช้ PNG เนื่องจากไคลเอนต์อีเมลหลายตัวยังไม่รองรับ WebP คู่มือรูปแบบรูปภาพ image format guide ครอบคลุมข้อดีข้อเสียทั้งหมด

เมื่อใดที่คุณควรหลีกเลี่ยงความโปร่งใส?

ความโปร่งใสไม่ได้เป็นตัวเลือกที่เหมาะสมเสมอไป ควรข้ามใช้เมื่อ:

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

ข้อผิดพลาดที่พบบ่อย

การส่งออกเป็น JPEG. JPEG ไม่มี alpha; พื้นที่โปร่งใสของคุณจะกลายเป็นสีขาว ควรใช้ PNG หรือ WebP
การทิ้งรัศมี (halo) ไว้. ขอบพื้นหลังจาง ๆ จะปรากฏบนฉากหลังใหม่ ให้ย่อ/ลดขอบของมาสก์ลง 1–2px
การใช้ GIF สำหรับขอบที่นุ่มนวล (soft edges). GIF เป็นความโปร่งใสแบบ 1-bit; ผมและเงาจะดูเป็นเหลี่ยม ควรใช้ PNG/WebP
การบีบอัด alpha มากเกินไป. ตัวปรับให้เหมาะสม (optimizers) ที่รุนแรงบางตัวจะลดทอน alpha channel; ควรตรวจสอบขอบหลังจาก optimize แล้ว
การไม่ทดสอบบนพื้นหลังที่ตัดกัน (contrasting background). สีขาวบนสีขาวจะซ่อนการลบที่ไม่สำเร็จเสมอ ควรดูตัวอย่างบนฉากหลังสีเข้มหรือสีอื่น ๆ เสมอ

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

รูปแบบภาพใดบ้างที่รองรับความโปร่งใส?

PNG (lossless, universal), WebP (lossy or lossless, smaller), และ SVG (vector) ส่วน JPEG ไม่รองรับความโปร่งใส — การตัดส่วนของ JPEG จะทำให้มีพื้นหลังบังคับใช้ ใช้ PNG สำหรับไฟล์ต้นฉบับ (masters) และ WebP สำหรับการส่งมอบบนเว็บ

ฉันจะทำให้ภาพโปร่งใสได้อย่างไร?

ให้ลบพื้นหลังเพื่อสร้างช่องสัญญาณ alpha จากนั้นจึง export เป็น PNG หรือ WebP การลบสามารถทำได้โดยอัตโนมัติ (AI) หรือด้วยตนเอง (mask) ดูคู่มือ background removal guide

ควรใช้ PNG หรือ WebP สำหรับภาพโปร่งใส?

ควรใช้ WebP สำหรับการส่งมอบบนเว็บ (ขนาดเล็กกว่า รองรับ alpha); และใช้ PNG สำหรับไฟล์ต้นฉบับและความเข้ากันได้สูงสุด ให้บริการ WebP พร้อมด้วย fallback ของ PNG ผ่านองค์ประกอบ <picture> เพื่อให้เบราว์เซอร์รุ่นเก่ายังคงได้รับความโปร่งใสอยู่

ช่องสัญญาณ alpha ทำงานอย่างไร?

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

Matte fringe คืออะไรและจะลบมันได้อย่างไร?

Matte fringe คือรัศมีสีรอบ ๆ การตัดส่วน ซึ่งเกิดจากสีของพื้นหลังเดิมที่ซึมเข้าไปในพิกเซลขอบของวัตถุ ให้ลบออกด้วยเครื่องมือ defringe หรือ decontaminate หรือโดยการลบพิกเซลขอบนอกสุดด้วยความทึบแสงต่ำ รอยขอบนี้จะปรากฏขึ้นเมื่อคุณวางการตัดส่วนบนพื้นหลังที่ตัดกัน — ควรตรวจสอบสิ่งนี้ก่อนส่งงาน

ช่องสัญญาณ alpha คืออะไร?

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

ฉันจะเพิ่มความโปร่งใสให้กับ JPEG ได้อย่างไร?

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

ฉันสามารถทำให้ JPEG โปร่งใสได้หรือไม่?

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

ภาพถ่ายมุมมองจากด้านบนของลูกเต๋าโปร่งใสสีแดงและสีน้ำเงินบนพื้นหลังสีขาว เหมาะสำหรับธีมเกมยามค่ำคืน.

เครดิตรูปภาพ

การเปรียบเทียบความโปร่งใสของรูปแบบ (format), การตัดออกบนพื้นหลัง (cutout-on-backdrops), และแนวคิดช่องอัลฟา (alpha-channel) — สร้างโดยผู้เขียนจากภาพถ่ายผลิตภัณฑ์รองเท้าผ้าใบ (Pexels #1461048, photo by Ray Piedra) เพื่อแสดงความโปร่งใสที่แท้จริงในหลายรูปแบบและพื้นหลังต่างๆ