Webp คืออะไร

Graphic design ความรู้สำหรับ การออกแบบ ออกแบบเว็บ Phothoshop ตัดต่อวีดีโอ

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

ภาพประจำตัวสมาชิก
eange08
PHP VIP Members
PHP VIP Members
โพสต์: 16184
ลงทะเบียนเมื่อ: 22/12/2020 10:09 am

Webp คืออะไร

โพสต์ที่ยังไม่ได้อ่าน โดย 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 3048 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 3048 times
เปรียบเทียบขนาดของไฟล์ WebP ที่ปรับแบบ lossless
  • จาก PNG จะขนาดเล็กกว่า 26%
  • จาก JPGE จะขนาดเล็กกว่า 25-34% และยังแสดงผลพื้นหลังโปร่งใส่ได้เหมือน PNG อีกด้วย
Webp ยังแยกย่อยการย่อขนาดได้ออกอีก 2 ประเภทคือ
  • WebP-lossless (เว็บพี-ล็อซเซส) ไฟล์ภาพสำหรับภาพแบบโปร่งใส (Transparent แบบ PNG) มีขนาดใหญ่เพิ่มขึ้นเพียง 22% ของขนาดไฟล์ภาพ เว็บพี แบบปกติ
  • WebP-lossy (เว็บพี-ล็อซซี) ไฟล์ภาพในกรณีที่เราบันทึกเป็น RGB มีขนาดไฟล์เล็กลง 3 เท่า เมื่อเทียบกับ PNG
แล้วถ้าจะแปลงรูปเป็นแบบ Webp จะต้องทำอย่างไร
1. แปลงรูปภาพผ่านเว็บไซต์อย่าง
  • https://pdfmall.com/th/jpg-to-webp
screenshot-pdfmall.com-2020.12.24-11_49_09.png
screenshot-pdfmall.com-2020.12.24-11_49_09.png (85.25 KiB) Viewed 3048 times
  • https://convertio.co/th/jpg-webp/
screenshot-convertio.co-2020.12.24-11_48_43.png

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

อ้างอิง
  • Webp คืออะไรเพิ่มเติมได้ที่ https://developers.google.com/speed/webp
  • https://www.wpthaiuser.com/wordpress-webp-image/
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 68