#F5F5F5

การถ่ายภาพ

ไฟล์ WebP

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

สำรวจ Creative Cloud

WebP marquee image

https://main--cc--adobecom.hlx.page/cc-shared/fragments/seo-articles/get-started-notification-blade

ไฟล์ WebP คืออะไร

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

คุณสามารถเลือกที่จะบันทึกไฟล์ WebP ด้วยการบีบอัดแบบสูญเสียข้อมูลหรือไม่สูญเสียข้อมูลก็ได้ ซึ่งหมายความว่าคุณจะบีบอัดรูปภาพโดยไม่สูญเสียข้อมูลหรือสูญเสีย เพียง ข้อมูลที่ไม่สำคัญ ทั้งนี้ นักพัฒนาของ Google ได้ระบุว่าไฟล์รูปภาพ WebP แบบไม่สูญเสียข้อมูลนั้นสามารถมีขนาดเล็กกว่า PNG ได้ถึง 26%

คุณสามารถบอกได้ทันทีว่าไฟล์รูปภาพนั้นเป็นไฟล์ WebP หรือไม่โดยการมองหานามสกุล .WEBP

ประวัติของไฟล์ WebP

รูปแบบ WebP นั้นเป็นรูปแบบที่ค่อนข้างใหม่ โดยถือกำเนิดในปี 2010 On2 Technologies ซึ่งเป็นบริษัทที่ Google ได้เข้าซื้อกิจการ เป็นผู้ริเริ่มแนวคิดดั้งเดิมขึ้นมา

ไฟล์ WebP แต่ละไฟล์จะมีข้อมูลรูปภาพ VP8 หรือ VP8L ในช่วงหลายปีที่ผ่านมา รูปแบบไฟล์นี้ได้วิวัฒนาการตามพฤติกรรมผู้บริโภคที่เปลี่ยนแปลงไปและเทรนด์ดิจิทัลที่กำลังเกิดขึ้น Google ได้เพิ่มการรองรับภาพเคลื่อนไหวและความโปร่งใสในปี 2011 และในปัจจุบัน รูปแบบไฟล์นี้ก็สามารถใช้งานกับเว็บเบราว์เซอร์อื่นๆ นอกเหนือจากผลิตภัณฑ์ของ Google ได้

Google Chrome สามารถรองรับ WebP ได้ในตัวเอง และเบราวเซอร์อื่นๆ เช่น Firefox, Edge และ Opera ก็รองรับได้เช่นกัน อย่างไรก็ตาม เว็บเบราว์เซอร์ยังคงส่งเสริมให้ผู้พัฒนาเว็บและนักออกแบบแปลงไฟล์ PNG และ JPEG เป็น WebP ก่อนเพื่อเพิ่มความเร็วในการโหลดหน้าเว็บเพจ

วิธีการใช้ไฟล์ WebP

ไฟล์ WebP นั้นออกแบบขึ้นโดยมีการคำนึงถึงอินเทอร์เน็ตเป็นหลัก การใช้งานหลักๆ ของไฟล์มีดังนี้

ลดขนาดรูปภาพบนเว็บไซต์

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

การรองรับภาพเคลื่อนไหวออนไลน์

แม้ว่า GIF จะเป็นรูปแบบหลักของมีมและภาพเคลื่อนไหวทั่วไปบนโลกออนไลน์ แต่ WebP ก็ได้กลายมาเป็นทางเลือกใหม่ Google ระบุว่าภาพเคลื่อนไหว WebP นั้นสามารถมีขนาดเล็กกว่า GIF ได้มากและมีจำนวนไบต์ที่น้อยกว่าด้วย

ดูไฟล์ราสเตอร์ประเภทอื่นๆ

ข้อดีและข้อเสียของไฟล์ WebP

ก่อนที่จะใช้งานไฟล์ WebP คุณควรทำความเข้าใจข้อดีและข้อเสียของไฟล์ประเภทนี้ก่อน

ข้อดีของไฟล์ WebP

  • เว็บเพจที่โหลดได้รวดเร็วยิ่งขึ้นจะมอบประสบการณ์ที่ดีกว่าให้แก่ผู้ใช้ ทั้งยังช่วยเพิ่มอันดับของเว็บไซต์ในโปรแกรมค้นหาอีกด้วย ในทางกลับกัน เว็บไซต์ที่โหลดรูปภาพต่างๆ อย่างเชื่องช้าอาจกระตุ้นให้ผู้คนมองหาผลิตภัณฑ์และบริการบนเว็บไซต์อื่น
  • รูปแบบ WebP นั้นสามารถใช้งานได้กับเบราวเซอร์ต่างๆ มากมาย ซึ่งรวมถึง Google Chrome, Microsoft Edge และ Mozilla Firefox
  • WebP จะช่วยประหยัดพื้นที่เก็บข้อมูลให้กับธุรกิจได้ด้วยการบีบอัดรูปภาพบนเว็บไซต์ให้อยู่ในขนาดที่จัดการได้ง่ายขึ้น

ข้อเสียของไฟล์ WebP

  • ไฟล์ WebP นั้นถูกออกแบบมาเพื่อการใช้งานบนอินเทอร์เน็ตเป็นหลัก ดังนั้นจึงไม่ค่อยมีประโยชน์เท่าไรนักหากคุณใช้งานไฟล์รูปภาพนี้แบบออฟไลน์
  • เบราวเซอร์รุ่นเก่าบางส่วน เช่น Internet Explorer อาจไม่สามารถรองรับรูปภาพ WebP ได้อย่างเต็มประสิทธิภาพ แม้ว่าไฟล์รูปแบบนี้จะมีความเข้ากันได้กับซอฟต์แวร์และอุปกรณ์ต่างๆ อย่างแพร่หลายก็ตาม
  • การบีบอัดข้อมูลแม้เพียงในปริมาณเล็กน้อยก็อาจลดทอนคุณภาพของรูปภาพได้ ซึ่งเป็นข้อเสียที่คุณควรคำนึงถึงหากคุณกำลังทำงานกับช่างภาพมืออาชีพและใช้งานรูปภาพคุณภาพสูง
section-metadata
background

#F5F5F5

วิธีการเปิดไฟล์ WebP

โดยปกติแล้ว การดูรูปภาพ WebP ในเบราว์เซอร์นั้นจะรวดเร็วกว่าการเปิดในแอปพลิเคชันสำหรับภาพถ่ายที่มาพร้อมกับอุปกรณ์

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

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

วิธีการสร้างและแก้ไขไฟล์ WebP

คุณอาจต้องใช้ปลั๊กอินเพื่อสร้างและแก้ไขไฟล์ WebP โดยใช้ Adobe Photoshop เมื่อคุณติดตั้งปลั๊กอินที่เชื่อถือได้ซึ่งใช้งานได้กับอุปกรณ์ของคุณแล้ว ให้ดำเนินการตามขั้นตอนดังต่อไปนี้

  • สร้างหรือแก้ไขรูปภาพด้วย Photoshop จากนั้นคลิก Save As (บันทึกเป็น)
  • บันทึกไฟล์เป็น WebP โดยใช้เมนู Format (รูปแบบ)
  • เลือกชื่อและตำแหน่งที่คุณต้องการบันทึกไฟล์ WebP ใหม่ของคุณแล้วคลิกที่ Save (บันทึก)
  • แผงการตั้งค่าจะปรากฏขึ้นและแสดงตัวเลือกในการแก้ไขไฟล์เพิ่มเติม

ไฟล์ WebP: คำถามที่พบบ่อย

ไฟล์ WebP กับไฟล์ JPEG แตกต่างกันอย่างไร

ไฟล์ทั้งสองประเภทบีบอัดรูปภาพเพื่อทำให้การแชร์และจัดเก็บนั้นเป็นเรื่องง่ายขึ้น อย่างไรก็ตาม ไฟล์ WebP มักมีขนาดที่เล็กกว่าไฟล์ JPEG แบบดั้งเดิม ผู้พัฒนาของ Google กล่าวว่ารูปภาพ WebP ที่ผ่านการบีบอัดแบบสูญเสียข้อมูลนั้นสามารถมีขนาดเล็กกว่าไฟล์ JPEG ที่เทียบเท่ากันได้ตั้งแต่ 25% ถึง 34%

WebP ใช้ได้กับเบราวเซอร์ทั้งหมดหรือไม่

หลังมีการพัฒนาและวิวัฒนาการนานหลายปี เบราว์เซอร์ส่วนมากก็รองรับรูปแบบ WebP แต่เบราว์เซอร์บางส่วนเช่น Internet Explorer อาจมีปัญหาในการรองรับไฟล์ WebP ดังนั้นคุณจึงควรตรวจสอบรายชื่อเบราว์เซอร์ที่รองรับล่าสุดจาก Google

WebP เป็นรูปแบบไฟล์แบบโอเพนซอร์สหรือไม่

WebP เป็นรูปแบบไฟล์แบบโอเพนซอร์ส ซึ่งหมายความว่าใครๆ ก็สามารถนำรูปแบบไฟล์นี้ไปปรับปรุงให้ดีขึ้นได้ ผู้พัฒนาของ Google ได้สนับสนุนให้ผู้ใช้เสนอการปรับปรุงของตนเองตั้งแต่ไฟล์เปิดตัวในปี 2010

รูปภาพ WebP มีขนาดสูงสุดหรือไม่

ขนาดสูงสุดของรูปภาพ WebP คือ 16,383 x 16,383 พิกเซล โดยคุณอาจต้องคำนึงถึงปัจจัยนี้ก่อนเพิ่มรูปภาพ WebP ไปยังเว็บไซต์หรือนำไปใช้งานที่อื่น

รูปภาพ WebP เป็นแบบราสเตอร์หรือเวกเตอร์

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

https://main--cc--adobecom.hlx.page/cc-shared/fragments/seo-articles/do-more-photoshop-color-blade

https://main--cc--adobecom.hlx.page/cc-shared/fragments/discovery-hub/products-photoshop-segment-blade