Cover image

WebP Image คืออะไร

15 Jul 2021

Share to:

สวัสดีครับ ในบทความนี้เราจะมาทําความรู้จักกับ 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

การใช้งานคำสั่ง git log

สวัสดีครับ บทความนี้เราจะมาเรียนรู้การใช้งานคําสั่ง git log เพื่อดู commit history กันครับ

เขียนเกมส์ pacman ด้วย c/c++

สวัสดีครับ เมื่อไม่กี่วันมานี้มีน้องคนนึงมาให้สอนเขียนเกมส์ pacman ด้วยภาษาซี ผมจึงนํา source code มาแบ่งปัน เผื่อใครสนใจ ตัวเกมส์ก็ไม่มีอะไรมากครับเป็น console application มีตัว pacman และตัว bot โง่ๆ 4 ตัว เขียนบน visual studio 2013 ส่วนวิธีการเล่น คือใช้ w, s, a, d เป็นปุ่มบังคับทิศทาง

การใช้งาน putty เบื้องต้น

Putty คืออะไร?Putty เป็นโปรแกรม Remote Server หรือ SSH ( Secure Shell ) พูดให้เข้าใจง่ายๆก็คือ เราสามารถใช้โปรแกรมนี้ในการ สั่งงาน Server ด้วย command line โดยส่วนใหญ่แล้วจะใช้เชื่อมต่อไปยัง server ที่เป็น linux รองรับการเชื่อมต่อหลากหลายรูปแบบดังนี้


Copyright © 2019 - 2024 thiti.dev |  v1.19.0 |  Privacy policy |  status | 

            วงแหวนเว็บ