ดูเพิ่มเติมได้ที่ : https://developers.google.com/speed/webp/gallery1
เจ้า Webp นี้พัฒนาขึ้นมาจากรูปแบบ RIFF (Resource Interchange File Format) ที่ทาง Google ได้พัฒนาและนำเสนอขึ้นมาเมื่อปี 2010 เริ่มแรกใช้กับผลิตภัณท์ของทาง Google และแอนดรอยด์ อย่าง play store, google chrome
ซึ่งในปัจจุบันหลาย Browser ได้รองรับการใช้รูปภาพแบบ Webp แล้ว แต่อาจจะมี Browser ที่ยังไม่รองรับ Webp (เช่นฝั่ง ios อย่าง safari) จึงต้องเก็บรูปภาพที่เป็นไฟล์ JPGE, PNG, GIF เอาไว้เพื่อสลับมาใช้งานบน website สามารถดู Browser ที่ใช้งานที่นี้ เปรียบเทียบขนาดของไฟล์ WebP ที่ปรับแบบ lossless
- จาก PNG จะขนาดเล็กกว่า 26%
- จาก JPGE จะขนาดเล็กกว่า 25-34% และยังแสดงผลพื้นหลังโปร่งใส่ได้เหมือน PNG อีกด้วย
- WebP-lossless (เว็บพี-ล็อซเซส) ไฟล์ภาพสำหรับภาพแบบโปร่งใส (Transparent แบบ PNG) มีขนาดใหญ่เพิ่มขึ้นเพียง 22% ของขนาดไฟล์ภาพ เว็บพี แบบปกติ
- WebP-lossy (เว็บพี-ล็อซซี) ไฟล์ภาพในกรณีที่เราบันทึกเป็น RGB มีขนาดไฟล์เล็กลง 3 เท่า เมื่อเทียบกับ PNG
1. แปลงรูปภาพผ่านเว็บไซต์อย่าง
- https://pdfmall.com/th/jpg-to-webp
- https://convertio.co/th/jpg-webp/
2. บน Wordpress ที่จะมี WebP Plugins ต่างๆ ได้เลือกใช้ วิธีนี้เป็นวิธีที่ง่ายที่สุดสำหรับคนที่ใช้ปลั๊กอิน Jetpack อยู่แล้ว เพียงคุณเปิดใช้งานฟังชั่น Photon ซึ่งเป็น CDN ของ WordPress เอง ระบบจะทำการเก็บภาพของเราแล้วทำการเสริฟภาพเหล่านั้นให้กับผู้ชมเอง นอกจากนี้ยังสร้างไฟล์ webp ให้กับเราโดยอัตโนมัติอีกด้วย เราจึงไม่ต้องเสียทั้งเวลาในการแปลงไฟล์เอง และไม่ต้องเสียพื้นที่ในเซิฟเวอร์เพิ่มอีกด้วย! นับว่าเป็นตัวเลือกที่น่าสนใจที่สุดสำหรับคนที่ใช้ Jetpack อยู่แล้ว
- ShortPixel
อ้างอิง
- Webp คืออะไรเพิ่มเติมได้ที่ https://developers.google.com/speed/webp
- https://www.wpthaiuser.com/wordpress-webp-image/