WebP Image คืออะไร

15 Jul 2021,
Share: 
Cover image

สวัสดีครับ ในบทความนี้เราจะมาทําความรู้จักกับ WebP Image นะครับ ซึ่งจะมาช่วยให้เราโหลดรูปบนหน้าเว็บได้เร็วขึ้นกว่าเดิม และเป็นผลดีกับ SEO ด้วย

WebP Image คืออะไร

WebP Image เป็นมาตราฐานไฟล์ภาพใหม่ที่เหมาะกับการนํามาใช้งานบน Website ซึ่งเป็น Project ที่ถูกพัฒนาโดย Google และได้ประกาศให้โลกรู้จัก WebP ตั้งแต่ปี 2010 โดย ณ. ตอนนั้นยังมีข้อจํากัดในการนำมาใช้งานเนื่องจากบาง Browser ยังไม่ Support แต่ในปัจจุบัน Browser ส่วนใหญ่ Support WebP เกือบหมดแล้ว

WebP browser support

WebP เป็นมาตราฐานไฟล์ภาพที่สามารถบีบอัดไฟล์ภาพแบบเยอะสุดๆ แต่ยังคงคุณภาพของภาพไว้จนเราไม่สามารถแยกแยะความแตกต่างได้ด้วยตาเปล่า ทําให้เราสามารถโหลดหน้าเว็บได้เร็วขึ้นกว่าเดิม แต่ก็ยังคงความสวยงามของรูปภาพไว้เหมือนเดิม

ซึ่งทาง Google เครมว่าสามารถลดขนาดจากไฟล์ PNG ได้ 26% และกรณีที่เป็น jpeg จะลดได้ประมาณ 25-34% เลย

มาเปรียบเทียบระหว่าง jpeg กับ WebP กันครับ

WebP browser support

จะเห็นว่าแทบไม่มีความแต่กต่างกันเลย แต่สามารถลดขนาดของไฟล์ภาพได้เยอะ และมีผลดีต่อการทํา SEO อีกด้วยครับ

ขอบคุณรูปภาพจาก: https://wp-rocket.me

Suggestion blogs

มาตราฐาน RSS 2.0

สวัสดีครับ สําหรับทความนี้จะเกี่ยวข้องกับ มาตรฐานของ RSS 2.0 ก่อนอื่นมาดูตัวอย่าง xml ของ RSS 2.0 กันก่อน

ทําไฟฉาย Solar cell ใช้เอง

สวัสดีครับ วันนี้ผมได้ไปเจออุปกรณ์ที่ผมทําขึ้นไว้มื่อหลายปีก่อน ที่ทําจากของเหลือใช้ มันคือไฟฉายที่ใช้พลังงานแสงอาทิตย์ สามารถไว้ใช้ในยามฉุกเฉิน เช่น นํ้าท่วม ไฟฟ้าไม่สามารถใช้ได้เป็นเวลานานๆ, Camping ฯลฯ ผมจึงมาสอนวิธีการทําให้ผู้ที่สนใจได้ทําไว้ใช้งานกัน เน้นทํางายๆ อุปกรณ์น้อยๆ :)

Go EP.10 Defer ในภาษา Go

สวัสดีครับ ในบทความนี้ก็เป็น EP.10 แล้วนะครับ โดยเนื้อหาจะเป็นเรื่องเกี่ยวกับ Defer คืออะไร ใช้ทําอะไรสําหรับท่านใดที่ยังไม่ได้อ่าน EP.9 ท่านสามารถกลับไปอ่านก่อนได้นะครับที่นี่ Go EP.9 Go Contextมาเริ่มเรียนรู้ไปด้วยกันตามหัวข้อด้านล่างเลยครับ


Copyright © 2019 - 2025 thiti.dev |  v1.57.0 |  Privacy policy | 

Build with ❤️ and Astro.

Github profile   Linkedin profile   Instagram   X profile   Nostr   Youtube channel   Telegram   Email contact   วงแหวนเว็บ