WebP
WebP (Định dạng Ảnh Web)
Định dạng ảnh hiện đại do Google phát triển cung cấp cả nén mất dữ liệu và không mất dữ liệu với kích thước tệp nhỏ hơn đáng kể so với JPEG và PNG, đồng thời hỗ trợ độ trong suốt và hoạt ảnh.
Chi tiết kỹ thuật
Chế độ mất dữ liệu của WebP sử dụng công nghệ codec video VP8 với mã hóa dự đoán và biến đổi dựa trên khối, đạt kích thước nhỏ hơn 25-34% so với JPEG ở chất lượng tương đương. WebP không mất dữ liệu sử dụng mã hóa entropy với dự đoán không gian, tạo ra tệp nhỏ hơn 26% so với PNG. WebP hỗ trợ kênh alpha 8-bit (cả mất và không mất dữ liệu), hoạt ảnh (thay thế GIF ở phần nhỏ kích thước) và cấu hình màu ICC. Hỗ trợ trình duyệt hiện nay là phổ quát trên Chrome, Firefox, Safari (14+) và Edge. Canvas API toBlob('image/webp', quality) cho phép mã hóa WebP phía client.
Ví dụ
```javascript
// Image compression via Canvas
canvas.toBlob(
blob => console.log(`Size: ${(blob.size/1024).toFixed(0)} KB`),
'image/jpeg',
0.8 // quality: 0.0 (smallest) to 1.0 (best)
);
// WebP output (25-34% smaller than JPEG)
canvas.toBlob(cb, 'image/webp', 0.8);
```