Ghi chú từ đội ngũ về tay nghề, định dạng và những quyết định nhỏ đằng sau một kết quả tốt.
Vì sao AVIF thắng WebP trên ảnh chụp
Lợi thế nén của AVIF so với WebP đến từ formato bên dưới. WebP dùng cỗ máy nội khung thiết kế cho video nhưng được dùng cho ảnh tĩnh từ 2010. định dạng hiện đại, formato đứng sau AVIF, ra mắt năm 2018 sau nhiều năm nghiên cứu nhắm thẳng vào giới hạn của và. định dạng hiện đại áp dụng lấy mẫu màu thưa hơn, chia khối mịn tới 4 nhân 4 điểm ảnh, và một bộ mã hiệu quả hơn. Kết quả thực tế, được phân tích trên nhiều bộ ảnh thử lớn xác nhận, là AVIF thường nhỏ hơn WebP 20 đến 30 phần trăm ở cùng mức chất lượng cảm nhận trên ảnh chụp. Trên đồ họa do máy tạo với màu phẳng và cạnh sắc, khoảng cách thu hẹp vì thuật toán đơn giản hơn của WebP xử lý các mẫu đó hiệu quả. Với bất kỳ trang nào có tài sản nặng nhất là ảnh, nâng cấp AVIF có tác động băng thông đo được.
Lần nén tổn hao thứ hai trong thực tế
Khi bạn chuyển một WebP sang AVIF, cả nguồn lẫn đầu ra đều tổn hao. WebP đã quyết định bỏ đi thông tin màu nào khi nó được tạo ra lần đầu, và những quyết định đó là vĩnh viễn: chuyển sang AVIF không lấy lại được gì. Phần AVIF rồi tự ra quyết định riêng trên dữ liệu điểm ảnh nó nhận, ở mức chất lượng 85. Với ảnh chụp, hai lần nén cộng lại vẫn gần như không tổn hao về thị giác ở kích thước thông thường, đo trên ảnh thật. Với đồ họa đã suy giảm bởi lần WebP, lần thứ hai có thể chồng thêm lỗi nhìn thấy. Quy tắc thực tế: nếu WebP nguồn trông sạch ở kích thước bạn định hiển thị, AVIF cũng vậy. Nếu WebP đã có nhiễu nén, hãy soi kỹ AVIF trước khi đưa đi.
Kênh alpha đi qua như thế nào
Cả WebP lẫn AVIF đều lưu độ trong suốt trên một mặt phẳng alpha riêng cạnh dữ liệu màu. Quá trình chuyển đọc kênh alpha của WebP, ghép nó ở độ trong suốt đầy đủ, rồi giao cho phần AVIF, thứ ghi đường alpha riêng bằng mã hóa nội khung định dạng hiện đại ở mức chất lượng 85. Dải chuyển trong suốt mềm, mép vờn, và các vùng trong một phần đều vượt qua chuyến đi và về. Mặt phẳng alpha của AVIF tự nó cũng tổn hao ở mức chất lượng 85, có thể để lại viền mờ khó thấy ở cạnh sắc khi phóng to cực đại. Ở kích thước xem web thông thường, khác biệt so với nguồn là không nhìn thấy. Với việc cần chính xác từng điểm ảnh trên biểu tượng nhỏ nơi cạnh alpha phải chuẩn, hãy giữ nguồn WebP và kiểm tra đầu ra ở mức phóng to tối đa trước khi gửi đi.
Kỳ vọng thời gian xử lý trên các trình duyệt và thiết bị
Phần AVIF khởi động một lần mỗi phiên trình duyệt, cộng thêm khoảng một giây cho lần chuyển đầu. Sau đó Chromium cho thông lượng tốt nhất: chừng 40 mili giây cho ảnh thu nhỏ 0,12 megapixel, 250 mili giây cho ảnh 1 megapixel, 2,8 giây cho ảnh 4K, và tới 25 giây cho ảnh đầy đủ 48 megapixel trong trường hợp xấu nhất quan sát được. Firefox là ngoại lệ đáng chú ý, chạy cùng phần đó chậm chừng bốn lần, đẩy trường hợp 4K gần 31 giây và file lớn vượt hai phút. WebKit nằm giữa hai bên, nghiêng về Chromium. Phần cứng di động chạy chậm hơn desktop từ 3 đến 5 lần trên mọi cỗ máy. Cho việc chuyển từng file hằng ngày, Chrome trên laptop hay desktop là công cụ thực tế. Với người dùng Firefox có ảnh lớn, lời khuyên thẳng thắn là đổi trình duyệt hoặc giữ WebP.
Core Web Vitals và bài toán nâng cấp AVIF
Những trang phục vụ ảnh chụp trả băng thông cho mỗi ảnh được nạp. Nếu những ảnh đó hiện là WebP, chuyển chúng sang AVIF cắt mỗi lượt truyền khoảng 20 đến 30 phần trăm trên ảnh chụp. Trên một trang có ảnh hero WebP, AVIF đưa nó về chừng noticeably smaller. Trên một lưới sản phẩm với mười hai ảnh thu nhỏ WebP, AVIF tiết kiệm chừng noticeably smaller tổng dung lượng trang. Những khoản tiết kiệm đó ảnh hưởng trực tiếp tới Largest Contentful Paint khi phần tử LCP là một ảnh. Ở mức hỗ trợ trình duyệt AVIF gần 94 phần trăm toàn cầu, một phần tử picture phục vụ AVIF trước và WebP sau phủ gần như toàn bộ lưu lượng. Chi phí đánh dấu trả một lần cho mỗi thành phần ảnh, còn khoản tiết kiệm băng thông lặp lại trên mỗi lần nạp trang về sau.
Vì sao việc chuyển AVIF dựa vào máy chủ
AVIF dựng trên định dạng hiện đại, cùng họ với video hiện đại, và cố tình nặng để tạo ra nhằm đổi lấy file gọn. Làm tốt việc đó, nhất là với ảnh lớn, trên một máy chủ thực sự nhanh và đáng tin hơn nhiều so với trình duyệt điện thoại, nên cặp này gửi ảnh lên máy chủ của chúng tôi để tạo ra AVIF tốt nhất có thể. File được xử lý và kết quả trở về với bạn, bản tải xuống được gỡ trong khoảng 2 giờ, không tài khoản và không lưu trữ lâu dài. Chuyển nhiều ảnh cùng lúc luôn chạy trên máy chủ, nơi ghép bộ đã xong thành một bản tải xuống, xóa trong cùng khoảng thời gian ngắn. Nếu không tới được máy chủ của chúng tôi, một lần chuyển đơn sẽ được tạo trong trình duyệt thay thế, file đó ở lại cục bộ, chấp nhận việc tạo chậm hơn để tiện. Đánh đổi rất rõ: máy chủ mua lấy chất lượng và tốc độ ở định dạng cần nó nhất, và file của bạn không bao giờ bị giữ quá khung thời gian ngắn mà việc chuyển cần đến.
