สามรูปแบบ หนึ่งคำถาม: อันไหนให้ไฟล์เล็กที่สุดที่ยังดูดีและยังเปิดได้ทุกที่? อันดับที่ตรงไปตรงมาสำหรับการบีบอัดล้วน ๆ คือ AVIF > WebP > JPEG แต่ "เล็กที่สุด" ไม่ใช่สิ่งเดียวที่สำคัญ และมีจุดติดขัดในทางปฏิบัติกับ AVIF ที่บทความเปรียบเทียบส่วนใหญ่ข้ามไป มาดูกันให้ถี่ถ้วน
เปรียบเทียบด่วน
| JPEG | WebP | AVIF | |
|---|---|---|---|
| เปิดตัว | 1992 | 2010 | 2019 |
| การบีบอัด | เกณฑ์พื้นฐาน | เล็กกว่า JPEG ~25–35% | เล็กกว่า JPEG ~50% |
| ความโปร่งใส (อัลฟา) | ไม่มี | มี | มี |
| ภาพเคลื่อนไหว | ไม่มี | มี | มี |
| ความลึกสี | 8-bit | 8-bit | สูงสุด 12-bit, HDR |
| การรองรับของเบราว์เซอร์ | ทุกที่ | ทุกที่ | ดีมาก ตามหลังเล็กน้อย |
| ความเร็วในการเข้ารหัส | เร็ว | เร็ว | ช้า |
บนกระดาษ AVIF ชนะเกือบทุกแถว มันบีบอัดหนักที่สุด รองรับความโปร่งใสและ HDR และดูสะอาดอย่างน่าทึ่งที่ขนาดไฟล์ต่ำ WebP อยู่ตรงกลางอย่างสบาย ๆ เล็กกว่า JPEG รองรับทุกที่ ไม่มีปัญหา ส่วน JPEG คือของเก่าที่เชื่อถือได้ มันทำความโปร่งใสหรือภาพเคลื่อนไหวไม่ได้ แต่ทุกอุปกรณ์ แอป และโปรแกรมอีเมลบนโลกอ่านมันได้
จุดติดขัดของ AVIF ที่ไม่มีใครพูดถึง
นี่คือส่วนที่คุณต้องรู้ก่อนวางแผนรอบ ๆ AVIF เบราว์เซอร์ถอดรหัส AVIF ได้ แต่ไม่สามารถเข้ารหัสมันจากผืนผ้าใบได้อย่างน่าเชื่อถือ เส้นทางส่งออกภาพในตัวของเว็บ (canvas.toBlob) ไม่ผลิต AVIF ในแบบที่วางใจได้และข้ามเบราว์เซอร์ได้ การเข้ารหัส AVIF ให้ดีต้องใช้การคำนวณหนักที่ Canvas API ของเบราว์เซอร์ไม่เปิดให้ใช้
นั่นหมายความว่าในทางปฏิบัติ: เครื่องมือที่ทำงานในเบราว์เซอร์ล้วน ๆ แสดง AVIF ได้แต่ สร้าง มันอย่างน่าเชื่อถือไม่ได้ ดังนั้นเมื่อคุณเลือก AVIF เป็นเป้าหมายการส่งออกในเครื่องมือแปลงที่ทำงานในเบราว์เซอร์ พฤติกรรมที่สมเหตุสมผลคือถอยกลับไปใช้ WebP และนั่นคือสิ่งที่เกิดขึ้นที่นี่พอดี คุณยังได้ไฟล์ทันสมัยที่บีบอัดดี (เล็กกว่า JPEG หรือ PNG) ที่เปิดได้ในทุกเบราว์เซอร์ โดยไม่ต้องเสี่ยงกับรูปแบบที่ผู้เข้าชมของคุณอาจเปิดไม่ได้ เป็นการแลกเปลี่ยนที่ตรงไปตรงมา: คุณเสียการบีบอัดชิ้นสุดท้ายของ AVIF ไป แต่คุณเก็บความเข้ากันได้ทุกที่และการแปลงทันทีไว้
หากคุณต้องการไฟล์ AVIF ของแท้โดยเฉพาะ คุณจะต้องใช้ตัวเข้ารหัสฝั่งเซิร์ฟเวอร์หรือเครื่องมือเดสก์ท็อปแบบเนทีฟ สำหรับการใช้งานเว็บส่วนใหญ่ WebP ให้ประโยชน์ 90% โดยไม่มีความปวดหัวเรื่องการเข้ารหัสเลย
คุณควรเลือกอันไหนจริง ๆ?
- เผยแพร่ภาพบนเว็บไซต์และต้องการไฟล์เล็กที่สุดที่เชื่อถือได้? WebP รองรับทุกที่ ประหยัดกว่า JPEG มาก ใช้งานได้จากเครื่องมือในเบราว์เซอร์วันนี้เลย
- ต้องการการบีบอัดสูงสุดและควบคุมทั้งกระบวนการ (ฝั่งเซิร์ฟเวอร์)? AVIF เข้ารหัสฝั่งเซิร์ฟเวอร์ ไม่ใช่ในเบราว์เซอร์
- ส่งอีเมล พิมพ์ หรือป้อนให้ซอฟต์แวร์เก่า? JPEG น่าเบื่อ แต่มันใช้ได้เสมอ
- ต้องการความโปร่งใส? WebP หรือ AVIF ไม่ใช่ JPEG เด็ดขาด
การแปลงในเบราว์เซอร์ของคุณ
เครื่องมือแปลงภาพ ทำงานทั้งหมดบนเครื่องของคุณด้วย Canvas ไม่มีอะไรถูกอัปโหลด ไม่ต้องสมัคร และทำงานแบบออฟไลน์ได้หลังเข้าครั้งแรก แปลงระหว่าง PNG, JPG และ WebP เป็นชุด ถ้าคุณเลือก AVIF มันจะถอยกลับไปใช้ WebP อย่างโปร่งใสด้วยเหตุผลข้างต้น คุณได้ไฟล์เล็กที่อ่านได้ทุกที่ไม่ว่าทางไหน
เวอร์ชันสั้น
สำหรับคนส่วนใหญ่ที่เผยแพร่ลงเว็บ WebP คือจุดที่ลงตัวที่สุด: เล็กกว่า JPEG อย่างมาก รองรับความโปร่งใส และใช้งานได้ทุกที่รวมถึงจากเครื่องมือในเบราว์เซอร์ AVIF เป็นแชมป์การบีบอัดในทางเทคนิค แต่การเข้ารหัส AVIF ของแท้ควรอยู่บนเซิร์ฟเวอร์ ไม่ใช่ในเบราว์เซอร์ของคุณ และ JPEG ยังคงเป็นรูปแบบที่คุณถอยกลับไปใช้เมื่อความเข้ากันได้สูงสุดชนะประสิทธิภาพสูงสุด