Bạn nhấp chuột phải vào ảnh trên website, lưu lại, và nhận được file .webp. Trình chỉnh sửa ảnh không nhận dạng được. Biểu mẫu bạn cần tải lên từ chối nó. Năm năm trước, định dạng này hầu như không tồn tại trong trải nghiệm của hầu hết mọi người. Ngày nay, nó ở khắp nơi.
Sự trỗi dậy của WebP từ thí nghiệm ít người biết của Google đến định dạng ảnh thống trị web là câu chuyện về kinh tế hiệu suất, chính trị trình duyệt, và bản chất chậm chạp của hệ sinh thái phần mềm.
Tại sao Google tạo WebP
Năm 2010, ảnh chiếm khoảng 60% tổng dung lượng trang web trung bình. Google, với mô hình kinh doanh phụ thuộc vào việc người dùng duyệt web nhanh, có động lực mạnh mẽ để làm ảnh nhỏ hơn.
WebP được xây dựng trên codec video VP8 — cùng công nghệ nén đứng sau video WebM. Nhận định của Google là các kỹ thuật nén video, được tối ưu hóa qua nhiều thập kỷ, có thể được điều chỉnh cho ảnh tĩnh để vượt trội hơn chuẩn JPEG lỗi thời (có từ 1992) và định dạng PNG nặng nề hơn.
Kết quả rất đáng kể:
| So sánh | Giảm kích thước |
|---|---|
| WebP vs JPEG (cùng chất lượng) | Nhỏ hơn 25-35% |
| WebP vs PNG (cùng chất lượng) | Nhỏ hơn 26% |
| WebP động vs GIF | Nhỏ hơn 60-80% |
Định dạng làm được mọi thứ WebP đặc biệt vì nó hỗ trợ nén có mất dữ liệu (như JPEG), nén không mất dữ liệu (như PNG), trong suốt/kênh alpha (như PNG), và hoạt hình (như GIF) — tất cả trong một định dạng duy nhất. Không định dạng nào trước đó kết hợp cả bốn khả năng.
Con đường chậm chạp đến sự chấp nhận
Có định dạng tốt hơn là chưa đủ. Câu chuyện chấp nhận WebP cho thấy chính trị trình duyệt định hình web như thế nào:
- 2010 — Google phát hành WebP. Chỉ Chrome hỗ trợ.
- 2011-2014 — Opera thêm hỗ trợ. Firefox và Safari từ chối, viện dẫn lo ngại về phân mảnh định dạng.
- 2018 — Firefox 65 cuối cùng thêm hỗ trợ WebP sau nhiều năm kháng cự.
- 2020 — Apple thêm hỗ trợ WebP vào Safari 14 và iOS 14 — thành trì lớn cuối cùng.
- 2022-hiện tại — Với hỗ trợ trình duyệt toàn cầu, việc chấp nhận tăng tốc nhanh chóng.
Khoảng cách 10 năm giữa sáng tạo và hỗ trợ toàn cầu giải thích nhiều điều. Nhà phát triển web không thể an toàn sử dụng WebP cho đến khi mọi trình duyệt lớn hỗ trợ nó, vì phục vụ định dạng không được hỗ trợ nghĩa là ảnh bị hỏng. Phần tử HTML <picture>, cho phép phục vụ định dạng khác nhau cho trình duyệt khác nhau, là công nghệ cầu nối cho phép chấp nhận dần dần.
Tại sao mọi website đều dùng nó bây giờ
Động lực cho website phục vụ WebP là áp đảo:
- Thuật toán tìm kiếm của Google tính tốc độ trang vào xếp hạng. Google PageSpeed Insights khuyến nghị WebP rõ ràng. Không dùng nó hạ điểm hiệu suất.
- Băng thông tốn tiền. Website thương mại điện tử lớn phục vụ hàng triệu ảnh tiết kiệm hàng nghìn euro mỗi tháng khi chuyển từ JPEG sang WebP.
- Trải nghiệm người dùng cải thiện. Trang có 20 ảnh sản phẩm tiết kiệm 2-3 MB với WebP. Trên kết nối di động, đó là sự khác biệt giữa tải trang 2 giây và 6 giây.
- Nền tảng CMS tự động hóa. WordPress tự động chuyển ảnh sang WebP từ phiên bản 5.8. Shopify, Squarespace và hầu hết nền tảng hiện đại cũng vậy.
Kết quả là khi bạn lưu ảnh từ web ngày nay, bạn hầu như luôn nhận được WebP — ngay cả khi bản gốc được tải lên dạng JPEG. Máy chủ phát hiện trình duyệt hỗ trợ WebP và phục vụ phiên bản tối ưu.
Vấn đề tương thích ngoài trình duyệt
WebP hoạt động hoàn hảo trong trình duyệt web, đúng với mục đích thiết kế. Vấn đề là ảnh không ở mãi trong trình duyệt:
- Phần mềm văn phòng — phiên bản cũ của Word, PowerPoint và Excel không hỗ trợ WebP
- Trình chỉnh sửa ảnh — phiên bản trước 2021 của nhiều trình chỉnh sửa không mở được file WebP
- Dịch vụ in — dịch vụ in trực tuyến thường yêu cầu JPEG, PNG hoặc TIFF
- Biểu mẫu chính phủ và tổ chức — hầu như luôn yêu cầu JPEG hoặc PNG
- Ứng dụng email — WebP trong nội dung email hiển thị không nhất quán giữa các ứng dụng
Điều này tạo ra khoảng cách bực bội: web phục vụ WebP, nhưng nhiều ứng dụng hạ nguồn yêu cầu JPEG hoặc PNG. Nhu cầu thực tế chuyển đổi định dạng sẽ không sớm biến mất.
| Bối cảnh | WebP được hỗ trợ? |
|---|---|
| Trình duyệt web (tất cả hiện đại) | Có |
| Windows 11 / macOS Ventura+ trình xem ảnh | Có |
| Microsoft Office (phiên bản gần đây) | Có |
| Phần mềm cũ, dịch vụ in, biểu mẫu | Thường không |
AVIF: thế hệ tiếp theo
WebP không phải kết thúc câu chuyện. AVIF (AV1 Image File Format), phát triển bởi Alliance for Open Media (Google, Apple, Mozilla, Microsoft), hứa hẹn kết quả tốt hơn:
- Nhỏ hơn 20% so với WebP ở chất lượng tương đương
- Xử lý vượt trội chi tiết nhỏ và gradient
- Hỗ trợ HDR và dải màu rộng tốt hơn
- Dựa trên codec video AV1 hiện đại
Hỗ trợ trình duyệt AVIF đang tăng (Chrome, Firefox và Safari đều hỗ trợ), nhưng việc chấp nhận đang theo cùng mô hình chậm như WebP. Có lẽ cần vài năm nữa AVIF mới thay thế WebP làm mặc định web, và khi đó, nó sẽ tạo ra cùng vấn đề tương thích mà WebP gây ra ngày nay.
Chu kỳ lặp lại: nén tốt hơn, trình duyệt chấp nhận chậm, cuối cùng phổ biến, và đuôi dài các vấn đề tương thích ngoài trình duyệt.
Tìm hiểu thêm
Khi bạn cần chuyển đổi ảnh WebP để sử dụng ngoài trình duyệt:
- Chuyển đổi WebP sang JPG — chuyển đổi tức thì, xử lý cục bộ trong trình duyệt
- Trình chuyển đổi ảnh — chuyển đổi giữa tất cả định dạng ảnh phổ biến
Cả hai công cụ đều miễn phí và xử lý file hoàn toàn trên thiết bị của bạn.