Webp คืออะไร

คู่มือ แชร์วิธีใช้งาน Wordpress ทุกเวอร์ชั่น ตั้งแต่ การติดต้้งและใช้งานต่างๆ การอัพเกรด การ Backup

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
eange08
PHP Super Hero Member
PHP Super Hero Member
Posts: 652
Joined: 22/12/2020 10:09 am

Webp คืออะไร

Post by eange08 »

เว็บพี (WebP) คือไฟล์รูปภาพที่มีขนาดไฟล์เล็กกว่าไฟล์รูปภาพอย่าง JPGE, PNG, GIF ที่เราเคยเห็นและคุ้นตา ซึ่งเหมาะสำหรับใช้งานบนสื้อ online ต่างๆ เพื่อให้ประสิทธิภาพในการเข้า Website นั้นรวดเร็วมากยิ่งขึ้น และความคมชัดอาจจะลดลงเล็กน้อย (แยกด้วยตาไม่ออก)
screenshot-developers.google.com-2020.12.24-11_30_18.png
screenshot-developers.google.com-2020.12.24-11_30_18.png (203.14 KiB) Viewed 245 times
ดูเพิ่มเติมได้ที่ : 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 ที่ใช้งานที่นี้
screenshot-www.wpthaiuser.com-2020.12.24-11_33_22.png
screenshot-www.wpthaiuser.com-2020.12.24-11_33_22.png (35.65 KiB) Viewed 245 times
เปรียบเทียบขนาดของไฟล์ WebP ที่ปรับแบบ lossless
  • จาก PNG จะขนาดเล็กกว่า 26%
  • จาก JPGE จะขนาดเล็กกว่า 25-34% และยังแสดงผลพื้นหลังโปร่งใส่ได้เหมือน PNG อีกด้วย
Webp ยังแยกย่อยการย่อขนาดได้ออกอีก 2 ประเภทคือ
  • WebP-lossless (เว็บพี-ล็อซเซส) ไฟล์ภาพสำหรับภาพแบบโปร่งใส (Transparent แบบ PNG) มีขนาดใหญ่เพิ่มขึ้นเพียง 22% ของขนาดไฟล์ภาพ เว็บพี แบบปกติ
  • WebP-lossy (เว็บพี-ล็อซซี) ไฟล์ภาพในกรณีที่เราบันทึกเป็น RGB มีขนาดไฟล์เล็กลง 3 เท่า เมื่อเทียบกับ PNG
แล้วถ้าจะแปลงรูปเป็นแบบ Webp จะต้องทำอย่างไร
1. แปลงรูปภาพผ่านเว็บไซต์อย่าง
screenshot-pdfmall.com-2020.12.24-11_49_09.png
screenshot-pdfmall.com-2020.12.24-11_49_09.png (85.25 KiB) Viewed 245 times
screenshot-convertio.co-2020.12.24-11_48_43.png

2. บน Wordpress ที่จะมี WebP Plugins ต่างๆ ได้เลือกใช้ วิธีนี้เป็นวิธีที่ง่ายที่สุดสำหรับคนที่ใช้ปลั๊กอิน Jetpack อยู่แล้ว เพียงคุณเปิดใช้งานฟังชั่น Photon ซึ่งเป็น CDN ของ WordPress เอง ระบบจะทำการเก็บภาพของเราแล้วทำการเสริฟภาพเหล่านั้นให้กับผู้ชมเอง นอกจากนี้ยังสร้างไฟล์ webp ให้กับเราโดยอัตโนมัติอีกด้วย เราจึงไม่ต้องเสียทั้งเวลาในการแปลงไฟล์เอง และไม่ต้องเสียพื้นที่ในเซิฟเวอร์เพิ่มอีกด้วย! นับว่าเป็นตัวเลือกที่น่าสนใจที่สุดสำหรับคนที่ใช้ Jetpack อยู่แล้ว
  • ShortPixel
เป็นปลั๊กอินที่แนะนำที่สุด นอกจากจะบีบอัดภาพได้เล็กสุดๆ แล้ว ยังสามารถสร้างไฟล์ WebP ให้เราได้ด้วย

อ้างอิง
  • Similar Topics
    Replies
    Views
    Last post

Return to “Wordpress user Guide Knowledge”

Who is online

Users browsing this forum: No registered users and 4 guests