คุณคลิกขวาที่รูปบนเว็บไซต์ บันทึก แล้วได้ไฟล์ .webp โปรแกรมแก้ไขรูปไม่รู้จักมัน แบบฟอร์มที่ต้องอัปโหลดปฏิเสธมัน ห้าปีก่อน รูปแบบนี้แทบไม่มีอยู่ในประสบการณ์ของคนส่วนใหญ่ วันนี้มันอยู่ทุกที่
การก้าวขึ้นมาของ WebP จากการทดลองของ Google ที่ไม่มีใครรู้จักสู่รูปแบบภาพเว็บที่ครองตลาด เป็นเรื่องราวเกี่ยวกับเศรษฐศาสตร์ประสิทธิภาพ การเมืองเบราว์เซอร์ และธรรมชาติที่เคลื่อนไหวช้าของระบบนิเวศซอฟต์แวร์
ทำไม Google สร้าง WebP
ในปี 2010 รูปภาพคิดเป็นประมาณ 60% ของขนาดรวม ของหน้าเว็บโดยเฉลี่ย Google ซึ่งธุรกิจขึ้นอยู่กับผู้คนเข้าเว็บได้เร็ว มีแรงจูงใจที่แข็งแกร่งในการทำให้รูปภาพเล็กลง
WebP ถูกสร้างบน codec วิดีโอ VP8 — เทคโนโลยีการบีบอัดเดียวกันกับวิดีโอ WebM ข้อมูลเชิงลึกของ Google คือเทคนิคการบีบอัดวิดีโอที่ปรับปรุงมาหลายทศวรรษ สามารถปรับใช้กับภาพนิ่งเพื่อเอาชนะมาตรฐาน JPEG ที่เก่าแก่ (มาตั้งแต่ปี 1992) และรูปแบบ PNG ที่หนักกว่า
ผลลัพธ์มีนัยสำคัญ:
| การเปรียบเทียบ | การลดขนาด |
|---|---|
| WebP vs JPEG (คุณภาพเท่ากัน) | เล็กกว่า 25-35% |
| WebP vs PNG (คุณภาพเท่ากัน) | เล็กกว่า 26% |
| WebP แอนิเมชัน vs GIF | เล็กกว่า 60-80% |
รูปแบบที่ทำได้ทุกอย่าง WebP พิเศษเพราะรองรับการบีบอัดแบบ lossy (เหมือน JPEG) การบีบอัดแบบ lossless (เหมือน PNG) ความโปร่งใส/alpha channel (เหมือน PNG) และแอนิเมชัน (เหมือน GIF) — ทั้งหมดในรูปแบบเดียว ไม่มีรูปแบบก่อนหน้าที่รวมทั้งสี่ความสามารถ
เส้นทางที่ช้าสู่การยอมรับ
การมีรูปแบบที่ดีกว่าไม่เพียงพอ เรื่องราวการยอมรับ WebP เปิดเผยว่าการเมืองเบราว์เซอร์กำหนดรูปร่างของเว็บอย่างไร:
- 2010 — Google เปิดตัว WebP มีเพียง Chrome รองรับ
- 2011-2014 — Opera เพิ่มการรองรับ Firefox และ Safari ปฏิเสธ อ้างข้อกังวลเกี่ยวกับการแตกแยกของรูปแบบ
- 2018 — Firefox 65 เพิ่มการรองรับ WebP ในที่สุดหลังจากต่อต้านหลายปี
- 2020 — Apple เพิ่มการรองรับ WebP ใน Safari 14 และ iOS 14 — ป้อมปราการสุดท้าย
- 2022-ปัจจุบัน — ด้วยการรองรับเบราว์เซอร์ทั่วโลก การยอมรับเร่งขึ้นอย่างรวดเร็ว
ช่องว่าง 10 ปีระหว่างการสร้างกับการรองรับทั่วโลกอธิบายได้มาก นักพัฒนาเว็บไม่สามารถใช้ WebP อย่างปลอดภัยจนกว่า ทุกเบราว์เซอร์หลัก จะรองรับ เพราะการให้บริการรูปแบบที่ไม่รองรับหมายถึงรูปภาพเสียหาย อีลิเมนต์ HTML <picture> ที่อนุญาตให้บริการรูปแบบต่าง ๆ ให้เบราว์เซอร์ต่าง ๆ เป็นเทคโนโลยีสะพานที่ทำให้การยอมรับค่อย ๆ เกิดขึ้น
ทำไมทุกเว็บไซต์ใช้มันตอนนี้
แรงจูงใจสำหรับเว็บไซต์ในการให้บริการ WebP นั้นแข็งแกร่งมาก:
- อัลกอริทึมค้นหาของ Google นำความเร็วหน้ามาคำนวณในการจัดอันดับ Google PageSpeed Insights แนะนำ WebP อย่างชัดเจน ไม่ใช้จะลดคะแนนประสิทธิภาพ
- แบนด์วิดท์มีค่าใช้จ่าย ไซต์อีคอมเมิร์ซขนาดใหญ่ที่ให้บริการรูปภาพหลายล้านรูปประหยัดได้หลายพันยูโรต่อเดือนด้วยการเปลี่ยนจาก JPEG เป็น WebP
- ประสบการณ์ผู้ใช้ดีขึ้น หน้าที่มี 20 รูปสินค้าประหยัด 2-3 MB ด้วย WebP บนการเชื่อมต่อมือถือ นั่นคือความแตกต่างระหว่างโหลดหน้า 2 วินาทีกับ 6 วินาที
- แพลตฟอร์ม CMS ทำอัตโนมัติ WordPress แปลงรูปเป็น WebP โดยอัตโนมัติตั้งแต่เวอร์ชัน 5.8 Shopify, Squarespace และแพลตฟอร์มสมัยใหม่ส่วนใหญ่ก็เช่นกัน
ผลลัพธ์คือเมื่อคุณบันทึกรูปจากเว็บวันนี้ คุณแทบจะได้ WebP เสมอ — แม้ว่าต้นฉบับจะอัปโหลดเป็น JPEG เซิร์ฟเวอร์ตรวจจับว่าเบราว์เซอร์รองรับ WebP แล้วให้บริการเวอร์ชันที่ปรับให้เหมาะสม
ปัญหาความเข้ากันได้นอกเบราว์เซอร์
WebP ทำงานได้สมบูรณ์แบบในเบราว์เซอร์ ซึ่งเป็นสิ่งที่ออกแบบมา ปัญหาคือรูปภาพไม่ได้อยู่ในเบราว์เซอร์ตลอด:
- ซอฟต์แวร์สำนักงาน — Word, PowerPoint และ Excel เวอร์ชันเก่าไม่รองรับ WebP
- โปรแกรมแก้ไขรูป — เวอร์ชันก่อน 2021 ของโปรแกรมแก้ไขหลายตัวเปิดไฟล์ WebP ไม่ได้
- บริการพิมพ์ — บริการพิมพ์ออนไลน์มักต้องการ JPEG, PNG หรือ TIFF
- แบบฟอร์มราชการและสถาบัน — แทบทุกแห่งต้องการ JPEG หรือ PNG
- แอปอีเมล — WebP ในเนื้อหาอีเมลแสดงผลไม่สม่ำเสมอข้ามแอป
สิ่งนี้สร้างช่องว่างที่น่าหงุดหงิด: เว็บให้บริการ WebP แต่การใช้งานปลายทางหลายอย่างต้องการ JPEG หรือ PNG ความต้องการจริงในการแปลงรูปแบบจะไม่หายไปในเร็ว ๆ นี้
| บริบท | รองรับ WebP? |
|---|---|
| เบราว์เซอร์ (ทุกตัวสมัยใหม่) | ใช่ |
| Windows 11 / macOS Ventura+ ตัวดูรูป | ใช่ |
| Microsoft Office (เวอร์ชันล่าสุด) | ใช่ |
| ซอฟต์แวร์เก่า บริการพิมพ์ แบบฟอร์ม | โดยทั่วไปไม่ |
AVIF: เจเนอเรชันถัดไป
WebP ไม่ใช่จุดจบของเรื่อง AVIF (AV1 Image File Format) พัฒนาโดย Alliance for Open Media (Google, Apple, Mozilla, Microsoft) สัญญาว่าจะให้ผลลัพธ์ที่ดียิ่งขึ้น:
- เล็กกว่า 20% จาก WebP ที่คุณภาพเทียบเท่า
- จัดการ รายละเอียดเล็ก ๆ และไล่สี ได้เหนือกว่า
- รองรับ HDR และ wide color gamut ดีกว่า
- พัฒนาบน codec วิดีโอ AV1 สมัยใหม่
การรองรับเบราว์เซอร์ AVIF กำลังเติบโต (Chrome, Firefox และ Safari ทั้งหมดรองรับแล้ว) แต่การยอมรับกำลังตามรูปแบบที่ช้าเหมือน WebP อาจต้องใช้เวลาอีกหลายปีก่อนที่ AVIF จะแทนที่ WebP เป็นค่าเริ่มต้นของเว็บ และเมื่อถึงเวลานั้น มันจะสร้างปัญหาความเข้ากันได้แบบเดียวกับที่ WebP ก่อให้เกิดวันนี้
วงจรซ้ำ: การบีบอัดที่ดีขึ้น เบราว์เซอร์ยอมรับช้า ในที่สุดก็แพร่หลาย และปัญหาความเข้ากันได้ที่ยาวนานนอกเบราว์เซอร์
เรียนรู้เพิ่มเติม
เมื่อคุณต้องแปลงรูป WebP สำหรับใช้นอกเบราว์เซอร์:
- แปลง WebP เป็น JPG — แปลงทันที ประมวลผลในเบราว์เซอร์ของคุณ
- ตัวแปลงรูปภาพ — แปลงระหว่างรูปแบบภาพหลักทั้งหมด
เครื่องมือทั้งสองฟรีและประมวลผลไฟล์บนอุปกรณ์ของคุณทั้งหมด