ข้ามไปยังเนื้อหา
FileSlimmer
เครื่องมือ
คู่มือ

JPEG, PNG, WebP หรือ AVIF ควรเก็บอันไหนไว้

ตรวจทานล่าสุด

มีรูปเดียวกันอยู่สี่ฟอร์แมต ควรเก็บอันไหนและลบอันไหนทิ้ง

อ่าน 4 นาที · ตรวจทานเมื่อ 17 สิงหาคม 2569

เริ่มจากตัวภาพ ไม่ใช่จากฟอร์แมต

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

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

แต่ละฟอร์แมตทำอะไรได้จริงบ้าง

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

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

สูญเสียข้อมูลกับไม่สูญเสียข้อมูลไม่ใช่ระดับคุณภาพ

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

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

WebP กับ AVIF มีดีตรงไหน

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

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

การแปลงไฟล์เก่าไม่ได้ลบความเสียหายเดิม

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

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

รายการสั้น ๆ ที่เอาไปใช้ได้จริง

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

สิ่งที่การเปรียบเทียบนี้ไม่ได้บอกคุณ

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

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

เครื่องมือสำหรับเรื่องนี้

แหล่งอ้างอิง

คู่มืออื่น ๆ

คู่มือทั้งหมดของ FileSlimmer