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

NOT gate

NOT gate เป็นวงจร digital ชนิดหนึ่ง โดย input ที่ป้อนให้กับวงจรในแต่ละขา จะเป็นได้สองสถานะคือ High, Low หรือ 0, 1

Unicode

Unicode คือ รหัสข้อมูลทางคอมพิวเตอร์ที่ใช้แทนอักขระ สามารถใช้แทนตัวอักษร ตัวเลข และสัญลักษณ์ต่างๆ ได้มากกว่า ASCII ซึ่งแทนอักขระได้แค่ 256 ตัวเท่านั้น(1Byte) Unicode สามารถใช้แทนตัวอักษร จากภาษาทั้งหมดทั่วโลก 24 ภาษา

ติดตั้ง node.js และ npm

Imagenode.js คืออะไร?node.js คือการเขียนโปรแกรมด้วยภาษา javascript บนฝั่ง Server จริงๆแล้ว node.js จะรวม environment ต่างๆ ที่ทำขึ้นเพื่อให้เราเขียน JavaScript เอาไว้ที่ฝั่ง server node.js นั้นขึ้นชื่อในเรื่องความเร็วของการประมวลผล จึงทำให้ application ที่เขียนด้วย Node.js นั้นมีจำนวนเพิ่มขึ้นอย่างรวดเร็ว


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

Build with ❤️ and Astro.

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