Chuyển đổi AVIF sang Base64

AVIF là gì?

AVIF (AV1 Image File Format) lưu ảnh được nén bằng codec video AV1 bên trong một container HEIF. Định dạng này được Alliance for Open Media công bố năm 2019 và hỗ trợ độ trong suốt, ảnh động, màu 10 và 12 bit, HDR và dải màu rộng. Kiểu MIME là image/avif.

Ở cùng chất lượng hình ảnh, tệp AVIF thường nhỏ hơn hẳn JPEG và thường nhỏ hơn WebP, nhất là ở tốc độ bit thấp. Vì Base64 làm mọi tệp tăng thêm một phần ba như nhau, AVIF nhỏ hơn đồng nghĩa trực tiếp với data URI ngắn hơn.

Hỗ trợ trên trình duyệt và phương án dự phòng

AVIF hiển thị được trên Chrome 85 trở lên, Firefox 93 trở lên, Safari 16 trở lên và Edge 121 trở lên. Trình duyệt cũ hơn và phần lớn ứng dụng email không hiển thị được. Trên web, hãy đặt data URI trong phần tử <picture> kèm phương án dự phòng:

<picture>
  <source type="image/avif" srcset="data:image/avif;base64,...">
  <img src="logo.png" alt="Logo" width="120" height="40">
</picture>

Hãy để ảnh dự phòng là một tệp riêng. Nếu nó cũng là data URI, mọi người truy cập sẽ phải tải cả hai phiên bản cùng với HTML.

Tùy chọn mã hóa và chuyển đổi

Công cụ mã hóa tệp AVIF của bạn đúng như nguyên bản. AVIF không nằm trong các định dạng chuyển đổi đích, vốn gồm PNG, JPEG và WebP, nên để tạo AVIF từ định dạng khác, hãy dùng một bộ mã hóa chuyên dụng như avifenc, Squoosh hoặc một trình chỉnh sửa ảnh, rồi mã hóa kết quả tại đây.

Việc chuyển AVIF sang PNG, JPEG hoặc WebP hoạt động trên các trình duyệt giải mã được AVIF và hữu ích cho những hệ thống không chấp nhận AVIF, nhưng kết quả thường lớn hơn. Nếu bạn cần vừa được hỗ trợ rộng rãi vừa có dung lượng nhỏ, WebP là lựa chọn thay thế gần nhất.