มาทำความรู้จักกับไฟล์ในรูปแบบ WEBP

มาทำความรู้จักกับ การเพิ่มไฟล์ในรูปแบบ WEBP กันดีกว่า คุณกำลังพบปัญหาเว็บโหลดช้าบ้างไหม ปัญหาบ้างส่วนอาจจะเกิดจากไฟล์รูปภาพที่ใหญ่เกินไป วันนี้เรามาทำความรู้จักกับ ไฟล์ภาพ ในรูปแบบ WEBP เพื่อใช้กับภาพถ่ายในเว็บไซต์ของคุณเพื่อลดปัญหาเว็บไซต์โหลดช้าได้ โดย ไฟล์ภาพ ในรูปแบบ WEBP นั้นพัฒนาโดย Google ตั้งแต่ปี 2010 (ที่พัฒนามาจาก WebM อีกที ) ถูกนำมาใช้กับผลิตภัณฑ์ของ Google และแอนดรอยด์ WEBP

การใช้ไฟล์ รูปแบบ WEBP ดีต่อเว็บไซต์อย่างไร

ข้อดีก็คือ

• WebP เมื่อปรับแบบ lossless จะมีขนาดเล็กกว่าไฟล์ png 26%
• WebP เมื่อปรับแบบ lossly จะเล็กกว่าไฟล์ jpg 25-34% ไฟล์ภาพของ webp นั้นจะไม่ต่างไปจากต้นฉบับเลย
• ทำภาพพื้นหลังใสเหมือน .png ได้อีกด้วย
• เป็นไฟล์ที่ทำภาพเคลื่อนไหวได้แบบ .gif ด้วย ครบเครื่องเลยทีเดียว

ดังนั้นจึงเหมาะอย่างมากที่นำไฟล์รูปแบบ WEBP ไปใช้กับเว็บไซต์จะช่วยให้เว็บไซต์ของคุณโหลดเร็วยิ่งขึ้น ซึ่งมีส่วนในการได้คะแนน SEO มากขึ้นด้วยตามมาด้วย

แต่สำหรับผู้ใช้ browser เก่าๆ นั้นที่ไม่รองรับเทคโนโลยีใหม่อย่าง WEBP

เราแนะนำให้ใช้tag ที่ชื่อว่า <picture> จะสามารถระบุไฟล์รูปแบบ WEBP และใส่ fallback แสดงผลเป็น jpg ธรรมดาได้ หากในกรณี browser นั้นไม่รองรับ ผลลัพธ์ที่ได้เว็บไซต์คุณจะโหลดเร็วยิ่งขึ้น ได้รูปภาพที่มีขนาดไฟล์เล็กลง แต่ยังคงแสดงผลเหมือนเดิม ตัวอย่างการเรียกใช้ tag

ข้อจำกัด

บราวเซอร์ที่รองรับ WebP ตอนนี้มีเพียงแค่ Chrome และ Opera กับอุปกรณ์ Android เท่านั้น ซึ่งหมายความว่า webp จะไม่สามารถมองเห็นได้บนอุปกรณ์ ios รวมทั้ง firefox, safari แต่จากการทดสอบ ก็จะพบว่าผู้เข้าชมส่วนใหญ่นั้นมาจาก Chrome มากเกินกว่าครึ่ง ก็สามารถที่จะเป็นเหตุผลหนึ่งที่จะเลือกใช้ได้ เพื่อให้ผู้ชมจำนวนี้ได้ความเร็วที่ดีขึ้นเป็นพิเศษนั่นเอง และก็ไม่แน่ว่าในอนาคตอุปกรณ์และบราวเซอร์อื่นๆ ก็อาจจะรองรับมากขึ้น ต้องรอดูทาง Google พัฒนาต่อไป

ข้อมูลเพิ่มเติม

การเปลี่ยนไฟล์รูปภาพเดิมให้เป็น ไฟล์รูปแบบ webp : https://convertio.co/th/jpeg-webp/