ส่วนโอกาสในรายงาน Lighthouse จะแสดงรูปภาพทั้งหมด ในรูปแบบรูปภาพรุ่นเก่า พร้อมแสดงการประหยัดที่อาจเกิดขึ้นจากการแสดงรูปภาพเหล่านั้นในเวอร์ชัน AVIF
เหตุใดจึงควรแสดงรูปภาพในรูปแบบ AVIF หรือ WebP
AVIF และ WebP เป็นรูปแบบรูปภาพที่มีลักษณะการบีบอัดและคุณภาพที่เหนือกว่าเมื่อเทียบกับ JPEG และ PNG รุ่นเก่า การเข้ารหัสรูปภาพในรูปแบบเหล่านี้แทน JPEG หรือ PNG จะทำให้รูปภาพโหลดเร็วขึ้นและใช้อินเทอร์เน็ตมือถือน้อยลง
AVIF ได้รับการรองรับใน Chrome, Firefox และ Opera และมีขนาดไฟล์ที่เล็กกว่าเมื่อเทียบกับรูปแบบอื่นๆ ที่มีการตั้งค่าคุณภาพเดียวกัน ดูข้อมูลเพิ่มเติมเกี่ยวกับ AVIF ได้ที่ Codelab การแสดงรูปภาพ AVIF
Chrome, Firefox, Safari, Edge และ Opera เวอร์ชันล่าสุดรองรับ WebP ซึ่งช่วยให้บีบอัดรูปภาพแบบสูญเสียบางส่วนและแบบไม่สูญเสียข้อมูลบนเว็บได้ดีขึ้น ดูข้อมูลเพิ่มเติมเกี่ยวกับ WebP ได้ที่รูปแบบรูปภาพใหม่สำหรับเว็บ
วิธีที่ Lighthouse คำนวณการประหยัดค่าใช้จ่ายที่เป็นไปได้
Lighthouse จะรวบรวมรูปภาพ BMP, JPEG และ PNG แต่ละรูปในหน้าเว็บ แปลงแต่ละรูปเป็น WebP และประมาณขนาดไฟล์ AVIF โดยรายงานการประหยัดที่อาจเกิดขึ้นตามตัวเลขการแปลง
ความเข้ากันได้กับเบราว์เซอร์
WebP รองรับใน Chrome, Firefox, Safari, Edge และ Opera เวอร์ชันล่าสุด ในขณะที่ AVIF รองรับในวงจำกัดมากกว่า คุณจะต้องแสดงรูปภาพ PNG หรือ JPEG สำรองเพื่อรองรับเบราว์เซอร์รุ่นเก่า ดูภาพรวมของเทคนิคการสำรองและรายการด้านล่างเพื่อดูการรองรับรูปแบบรูปภาพของเบราว์เซอร์ได้ที่ฉันจะตรวจหาการรองรับ WebP ในเบราว์เซอร์ได้อย่างไร
หากต้องการดูการรองรับเบราว์เซอร์ปัจจุบันสำหรับแต่ละรูปแบบที่ทันสมัย ให้ดูรายการด้านล่าง
คำแนะนำเฉพาะสำหรับกองซ้อน
AMP
ลองแสดงคอมโพเนนต์ทั้งหมด
amp-img
ในรูปแบบ WebP ขณะระบุการสำรองที่เหมาะสม
สำหรับเบราว์เซอร์อื่นๆ
Drupal
ลองติดตั้งและกำหนดค่าโมดูลเพื่อใช้ประโยชน์จากรูปแบบรูปภาพ WebP ในเว็บไซต์ของคุณ โมดูลดังกล่าวจะสร้างเวอร์ชัน WebP ของรูปภาพที่อัปโหลดโดยอัตโนมัติเพื่อปรับปรุงเวลาที่ใช้ในการโหลด
Joomla
ลองใช้ ปลั๊กอิน หรือบริการที่จะแปลงรูปภาพที่อัปโหลดเป็นรูปแบบที่เหมาะสมที่สุดโดยอัตโนมัติ
Magento
ลองค้นหาในมาร์เก็ตเพลสของ Magento เพื่อหาส่วนขยายต่างๆ ของบุคคลที่สามเพื่อใช้ประโยชน์จากรูปแบบรูปภาพที่ใหม่กว่า
iPhone
โปรดทราบว่ารูปภาพ WebP, AVIF และวิดีโอ WebM จะไม่ทำงานใน iPhone ที่ใช้ iOS ต่ำกว่า 16
WordPress
ลองใช้ปลั๊กอินหรือ บริการที่จะแปลงรูปภาพที่อัปโหลดเป็นรูปแบบที่เหมาะสมที่สุดโดยอัตโนมัติ