Cách sử dụng
- Dán chuỗi Base64 hoặc URI data:image/avif;base64.
- Kiểm tra bản xem trước, định dạng phát hiện được và kích thước ảnh.
- Để lưu AVIF nguyên trạng, hãy chọn Bản gốc. Để chuyển đổi từ định dạng khác, hãy giữ AVIF; nếu trình duyệt của bạn không mã hóa được AVIF, tùy chọn này sẽ không khả dụng.
- Tải xuống tệp .avif.
Dữ liệu AVIF trông như thế nào
AVIF lưu ảnh được nén bằng codec video AV1 bên trong container HEIF, cùng cấu trúc tệp ISO base media mà MP4 sử dụng. Định dạng này không có chữ ký cố định ngắn gọn như PNG. Thay vào đó, tệp mở đầu bằng hộp ftyp ghi tên nhãn (brand) avif, hoặc avis với chuỗi ảnh động. Trong Base64, điều đó thường có nghĩa là chuỗi bắt đầu bằng AAAA và chứa eXBhdmlm sau đó vài ký tự. Công cụ đọc chính hộp này, nên phân biệt được AVIF với HEIC, định dạng dùng cùng container nhưng khác nhãn. Kiểu MIME là image/avif.
Chuyển sang AVIF phụ thuộc vào trình duyệt của bạn
Phiên bản hiện tại của Chrome, Edge, Firefox và Safari đều hiển thị được AVIF, nên việc xem trước và lưu tệp gốc hoạt động gần như ở mọi nơi. Tạo tệp AVIF mới thì khác. Việc chuyển đổi dùng bộ mã hóa tích hợp trong trình duyệt, và không phải trình duyệt nào cũng tạo được AVIF từ canvas. Công cụ sẽ kiểm tra xem trình duyệt của bạn có làm được không. Nếu không mã hóa được AVIF, tùy chọn này sẽ không khả dụng, và WebP là lựa chọn thay thế gần nhất. Bạn cũng có thể tải xuống PNG rồi mã hóa bằng công cụ chuyên dụng như avifenc từ libavif.
Khi nào AVIF đáng dùng
AVIF thường cho dung lượng nhỏ hơn JPEG và WebP ở cùng chất lượng hiển thị, đặc biệt với ảnh chụp, đồng thời hỗ trợ độ trong suốt, độ sâu bit cao và HDR. Việc mã hóa chậm hơn, và một số trình chỉnh sửa ảnh cũng như hệ điều hành cũ vẫn chưa mở được định dạng này. Với ảnh rất nhỏ như biểu tượng, phần dữ liệu phụ của container có thể triệt tiêu lợi ích, nên PNG hoặc WebP có khi lại nhỏ hơn. Trên trang web, hãy phục vụ AVIF kèm phương án dự phòng để mọi khách truy cập đều thấy ảnh:
<picture>
<source srcset="photo.avif" type="image/avif">
<img src="photo.jpg" alt="Description">
</picture>Câu hỏi thường gặp
Vì sao tùy chọn tải xuống AVIF không khả dụng?
Trình duyệt của bạn hiển thị được AVIF nhưng không mã hóa được định dạng này từ canvas. Hãy thử một trình duyệt cập nhật khác, chọn WebP thay thế, hoặc tải xuống PNG rồi chuyển đổi bằng bộ mã hóa trên máy tính.
Vì sao ảnh AVIF của tôi không có bản xem trước?
Trình duyệt hoặc hệ điều hành cũ có thể không giải mã được AVIF. Dữ liệu cũng có thể là HEIC, trông tương tự nhưng dùng nhãn khác; định dạng phát hiện được sẽ cho bạn biết đó là loại nào. Tải xuống dạng Bản gốc vẫn hoạt động trong cả hai trường hợp.
AVIF có luôn nhỏ hơn WebP không?
Thường là vậy, nhưng không phải lúc nào cũng thế. Kết quả phụ thuộc vào ảnh và thiết lập của bộ mã hóa, vì vậy hãy so sánh dung lượng các tệp đã tải xuống.