Tìm hiểu định dạng ảnh WebP

WebP là một định dạng tệp hình ảnh do Google phát triển nhằm mục đích thay thế cho các định dạng tệp JPEG, PNG và GIF. Nó hỗ trợ cả nén mất dữ liệu và không mất dữ liệu, cũng như hoạt ảnh và độ trong suốt alpha.. Nó được tạo bởi nhóm VP8 của WebM Project.

Logo WebP

WebP có thể cho phép bạn tạo ra các hình ảnh độ phân giải cao với kích thước tệp nhỏ hơn, so với các định dạng hình ảnh khác như JPEG, PNG và GIF.

Nó có thể được sử dụng để tạo ra hình ảnh độ phân giải cao và hình ảnh độ nét cao.

Định dạng ảnh WebP được hỗ trợ bởi các trình duyệt web như Google Chrome, Firefox, Opera, Edge cùng như trình duyệt Cốc Cốc của Việt Nam chúng ta.

Có thể tải xuống các ứng dụng đọc và chuyển đổi các định dạng hình ảnh bao gồm WebP từ Google Play hoặc App Store.

Ưu điểm

  • Nén mất dữ liệu và không mất dữ liệu
  • Hoạt ảnh
  • Độ trong suốt alpha
  • Hỗ trợ độ phân giải cao

Nhược điểm

  • Các trình duyệt cũ và các thiết bị di động không hỗ trợ đầy đủ
  • Kích thước tệp có thể không thấp hơn JPEG

Các bạn có thể xem định dạng webp hỗ trợ những trình duyệt nào thông qua trang website dưới đây

https://caniuse.com/webp

Để an toàn khi sử dụng bạn có thể sử dụng thẻ picture để khi trình duyệt không hỗ trợ định dạng ảnh này sẻ chuyển sang chọn định dạng ảnh khác

<picture>
  <!-- Nếu browser hỗ trợ AVIF, thì load AVIF -->
  <source srcset="image.avif" type="image/avif">

  <!-- Nếu không hỗ trợ AVIF, thì load WebP -->
  <source srcset="image.webp" type="image/webp">

  <!-- Nếu không hỗ trợ cả 2 định dạng ảnh trên, fallback về ảnh jpeg -->
  <img src="image.jpg">
</picture>

Ngoài ra định dạng WebP thì AVIF và JPEG XL là hai định dạng hình ảnh cũng được đánh giá là tốt cho việc tối ưu tố độ website


JPEG XL là định dạng hình ảnh mới của ISO / IEC và ITU-T, có thể thay thế cho WebP, JPEG, JPEG 2000, BPG và AVIF. JPEG XL sử dụng hệ thống tính toán độ nét hình ảnh mới, cho phép nén và không nén với khả năng nén tốt hơn so với các định dạng hiện tại.