JPG vs PNG vs WebP vs AVIF: คุณควรใช้รูปแบบภาพไหนดี?

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

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

JPG — รูปแบบภาพถ่ายสากล

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

PNG — ไม่สูญเสียคุณภาพ พร้อมความโปร่งใส

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

WebP — ค่าเริ่มต้นของเว็บยุคใหม่

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

AVIF — ไฟล์เล็กที่สุด รูปแบบใหม่ที่สุด

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

GIF, SVG และ HEIC — พวกผู้เชี่ยวชาญเฉพาะทาง

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

สรุปการตัดสินใจแบบกระชับ

ภาพถ่ายสำหรับแชร์ทั่วไป → JPG อะไรก็ตามบนเว็บไซต์ → WebP (หรือ AVIF ถ้าคุณจัดการทางเลือกสำรองได้) โลโก้ ภาพหน้าจอ หรือความโปร่งใส → PNG (WebP ถ้าใช้บนเว็บเท่านั้น) ต้องขยายได้ทุกขนาด → SVG มาจาก iPhone และจะไปที่อื่น → แปลง HEIC เป็น JPG เมื่อไม่แน่ใจ ใช้ JPG สำหรับภาพถ่ายและ PNG สำหรับกราฟิก ไม่เคยเป็นหายนะ