Trong cuộc đua để giành định dạng hình ảnh nhỏ nhất, có hai ứng viên dẫn đầu rõ ràng: WebP và AVIF. Trước đây, JPEG đã từng là định dạng hình ảnh quan trọng và phổ biến nhất, nhưng trong tương lai, nó có thể sẽ được thay thế bởi WebP hoặc AVIF. Cả hai định dạng này đều có những ưu điểm quan trọng hơn so với JPEG.
Tuy nhiên, tại sao AVIF lại vượt trội hơn so với WebP? Chính điều này là trọng tâm của bài viết này, chúng ta sẽ tìm hiểu xem định dạng nào có khả năng nén hình ảnh tốt hơn và từ đó tạo ra kích thước tệp nhỏ hơn. Chúng ta cũng sẽ xem xét mức độ hỗ trợ của trình duyệt cho cả hai định dạng này thông qua việc so sánh hiệu suất và tính năng của chúng.
Chúng ta sẽ tiến hành so sánh các đặc điểm sau đây giữa AVIF và WebP:
1. Chất lượng hình ảnh:
AVIF là một định dạng dựa trên codec AV1, có một số hạn chế về độ phân giải hình ảnh. Giới hạn độ phân giải mặc định của AVIF là 8K (7.680 x 4.320 pixel), nhưng có thể vượt quá giới hạn này bằng cách hiển thị các ô được mã hóa độc lập. Tuy nhiên, điều này có thể dẫn đến hiện tượng giả ở các cạnh của mỗi ô và làm cho hình ảnh trở nên không trong suốt đối với độ phân giải lớn.
WebP cũng có giới hạn về độ phân giải của hình ảnh, với kích thước tối đa là 16.383 x 16.383. Mặc dù đây là một cải tiến so với giới hạn AVIF tiêu chuẩn, nhưng không có cách nào để cải thiện nó như AVIF có thể. Cả hai định dạng này không thể so sánh với các giới hạn của PNG và JPEG 2000 với giới hạn tương ứng là 2500 megapixel cho PNG và 5000 megapixel cho JPEG 2000.
WebP có nhiều hạn chế hơn so với AVIF liên quan đến gam màu và hỗ trợ màu sắc. WebP chỉ hỗ trợ độ sâu bit tối đa là 8 bit và hỗ trợ dải màu rộng/hình ảnh HDR. Ngược lại, WebP không hỗ trợ hình ảnh không có mẫu phụ sắc độ.
AVIF có độ sâu bit tối đa là 10, hỗ trợ 4:4:4 và hỗ trợ tương tác hình ảnh HDR. Bất chấp lợi thế của WebP về kích thước tối đa, những hạn chế về màu sắc của WebP là quá lớn để giành chiến thắng trong phân khúc này cho WebP.
2. Khả năng nén hình ảnh:
WebP được thiết kế để cung cấp hình ảnh chất lượng tốt hơn với kích thước tệp tương đương với JPEG. Mặc dù WebP có thể đạt được điều này, định dạng AVIF mới hơn và tiên tiến hơn vẫn có lợi thế về khả năng nén ở cùng chất lượng. Cả nén không mất dữ liệu và nén mất dữ liệu đều cho kết quả tốt hơn so với WebP. Hình ảnh chất lượng cao với AVIF không có các tác động phụ nén khó chịu như dải màu hoặc tắc nghẽn có thể xảy ra với WebP.
WebP chỉ hoạt động tốt hơn so với JPEG về kích thước tệp khi nén độ trung thực thấp một chút, nhưng có sự cải thiện đáng kể về độ hấp dẫn. Ví dụ, một hình ảnh JPEG có kích thước 68,3kb khi chuyển đổi sang định dạng WebP chỉ còn 67,7kb.
Tương tự, một hình ảnh tương tự khi chuyển đổi sang định dạng AVIF sẽ cho ra tệp kích thước 67,6kb. Tuy nhiên, hình ảnh AVIF này có chất lượng và độ hấp dẫn cao hơn nhiều so với tệp WebP tương đương. Nó có ít khối và dải màu hơn nhiều. Vì vậy, nếu bạn giảm một chút chất lượng của AVIF để chuyển đổi thành WebP, thì kích thước tệp của AVIF sẽ nhỏ hơn đáng kể. Với cùng một diện mạo, AVIF nhỏ hơn 30%.
3. Hỗ trợ trình duyệt:
AVIF là một định dạng tệp mới, nên hiện nó cò
n kém hỗ trợ hơn so với các định dạng hình ảnh truyền thống. Trong tổng quan, WebP hiện được hỗ trợ nhiều hơn so với AVIF. Tuy nhiên, sự phát triển nhanh chóng của hỗ trợ AVIF trên các trình duyệt là một dấu hiệu tích cực.
Trên máy tính, cả Chrome và Opera đã cung cấp hỗ trợ đầy đủ cho AVIF. Người dùng Firefox có thể kích hoạt hỗ trợ AVIF trong trang about:config, tuy nhiên, điều này không bao gồm hỗ trợ cho hình ảnh động. Tuy nhiên, vẫn chưa có hỗ trợ cho Safari và Microsoft Edge.
Trên thiết bị di động, Chrome cho Android, Samsung Internet và Trình duyệt Android đều hỗ trợ đầy đủ AVIF. Rất tiếc, hiện vẫn thiếu hỗ trợ cho Safari trên iOS.
Kết luận:
WebP, khi ra mắt vào năm 2010, đã đánh dấu sự thay thế hấp dẫn cho các định dạng JPEG và PNG cũ. Tuy nhiên, sau mười một năm, WebP đã bắt đầu thiếu đi các tính năng quan trọng và cần thiết trong bối cảnh định dạng hình ảnh hiện đại, chẳng hạn như hỗ trợ hình ảnh HDR. Vì vậy, mặc dù WebP hiện có sự hỗ trợ rộng rãi từ trình duyệt, nhưng khó để tưởng tượng rằng nó sẽ tiếp tục là định dạng hình ảnh thống trị.
Với khả năng nén tốt hơn và hiệu suất xuất sắc đối với hình ảnh độ trung thực thấp và độ hấp dẫn cao (điều này phù hợp với loại hình ảnh phổ biến nhất trên web), AVIF trở nên linh hoạt hơn. Khả năng nén và tối ưu hóa của nó thậm chí còn vượt xa WebP. AVIF chỉ thiếu hỗ trợ trình duyệt so với WebP, nhưng hy vọng rằng Firefox và Safari sẽ sớm cung cấp hỗ trợ đầy đủ cho AVIF. Khi điều này xảy ra, AVIF có thể trở thành định dạng hình ảnh thống trị cho cả hình ảnh tĩnh và hình ảnh động trên web.
