JPG vs PNG vs WebP: ควรใช้รูปแบบไฟล์ภาพแบบไหนดี

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

แปลงรูปภาพต้องการไฟล์ JPG แต่มีแค่ PNGใช้ฟรี

การบีบอัดแบบสูญเสียและไม่สูญเสีย แบบเข้าใจง่าย

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

รูปแบบไหนเหมาะกับงานแบบไหน

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

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

การรองรับของเบราว์เซอร์และแอป

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

แปลงโดยไม่สูญเสียมากเกินไป

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

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

เลือกรูปแบบสำหรับอีเมล การพิมพ์ และการอัปโหลด

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

รายการตัดสินใจอย่างรวดเร็ว

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

ทำไมขนาดไฟล์ของแต่ละรูปแบบจึงต่างกัน

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

เก็บต้นฉบับแบบไม่สูญเสียไว้

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

กรณีพิเศษเรื่องพื้นหลังโปร่งใส

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

วิธีทำด้วย fixmint

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

คำตอบด่วน

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

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

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