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

แก้ปัญหาสแกน QR Code ของ EV Station PluZ ไม่ได้

สวัสดีครับ หลายๆคนที่ใช้งานรถไฟฟ้ามาได้สักระยะนึงก็อาจจะพบปัญหาในบ้างครั้งที่เราไปชาร์จรถที่ตู้ EV Station PluZ แล้ว QR Code ที่ตู้ไม่สามารถสแกนได้เนื่องจากถูกทําลาย และที่หนักไปกว่านั้น ที่หน้าจอก็ยังไม่ชัดอีก จนทําให้ไม่สามารถสแกน QR Code เพื่อจะชาร์จรถได้

Access raspberry pi ผ่าน internet โดยไม่ต้อง forward port

สวัสดีครับ หลายๆคนอาจเจอปัญหานี้ อยากจะ ssh ไปยัง raspberry pi ผ่าน internet จากที่ใดๆก็ได้บนโลก แต่ติดปัญหาคือ คุณอาจจะอยู่ หอพัก อพาร์ทเม้นท์ ฯลฯ ที่คุณไม่สามารถเข้าไปยุ่งกับ rounter ได้ ไม่สามารถ forward port ได้ ทําให้ไม่สามารถ Access raspberry pi ได้ ในบทความนี้มีคําตอบครับ พระเอกของงานนี้คือ weaved ซึ่งจะช่วยจักการการเชื่อมต่อให้เราเองเพียงแค่ติดตั้ง service บน raspberry pi ของเราเท่านั้น

Zero-Day คืออะไร

สวัสดีครับ ในบทความนี้เราจะมาทําความรู้จักกับคําว่า Zero-Day กันครับว่าคืออะไร มาเริ่มกันเลยครับ


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

Build with ❤️ and Astro.

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