paint-brush
AVIF là định dạng hình ảnh thế hệ tiếp theo mà bạn có thể sẽ nghe nhiều hơn vềtừ tác giả@imgix
5,360 lượt đọc
5,360 lượt đọc

AVIF là định dạng hình ảnh thế hệ tiếp theo mà bạn có thể sẽ nghe nhiều hơn về

từ tác giả imgix4m2023/01/20
Read on Terminal Reader

dài quá đọc không nổi

Định dạng AVIF là định dạng hình ảnh thế hệ tiếp theo dựa trên định dạng mã hóa video AV1. Với AVIF, người dùng đã thấy kích thước tệp giảm gần 60% so với JPEG và 35% so với WebP mà không làm giảm chất lượng. Nó cũng giúp cải thiện tốc độ trang và Core Web Vitals. Bạn có thể tự động chuyển đổi định dạng tệp bằng cách sử dụng API phương tiện trực quan như imgix.
featured image - AVIF là định dạng hình ảnh thế hệ tiếp theo mà bạn có thể sẽ nghe nhiều hơn về
imgix HackerNoon profile picture


Định dạng AVIF là định dạng hình ảnh thế hệ tiếp theo dựa trên định dạng mã hóa video AV1. AV1 đã được tạo ra và được phát triển bởi Liên minh cho truyền thông mở , một tập đoàn được thành lập bởi Mozilla, Google, Cisco, Netflix, Amazon và các công ty khác. Ý tưởng chính đằng sau AVIF là tận dụng các thuật toán nén ban đầu được phát triển cho video ở định dạng hình ảnh. Netflix tin rằng AVIF có tiềm năng cho hình ảnh trên các ứng dụng của nó vì chất lượng vượt trội mà định dạng này mang lại trong khi vẫn giữ kích thước hình ảnh thấp.


Tất cả các nhà sản xuất trình duyệt lớn đều tham gia chặt chẽ, trực tiếp hoặc gián tiếp, vào quá trình phát triển và ban hành AVIF. Vậy tại sao bạn phải quan tâm đến nó?

Lợi ích của AVIF: Hình ảnh nhẹ hơn mà không ảnh hưởng đến chất lượng

Đây là thời điểm thú vị để nén hình ảnh. WebP đã đạt được đà phát triển khi thay thế JPEG, nhưng giờ đây, AVIF đã xuất hiện, vượt qua WebP trong hầu hết các trường hợp. Trên thực tế, định dạng hình ảnh AVIF giúp giảm kích thước tệp nhiều hơn khi so sánh với các định dạng JPEG, PNG và WebP. Ưu điểm là các thuật toán nén ban đầu được phát triển cho video ở định dạng hình ảnh. Với AVIF, người dùng đã thấy kích thước tệp giảm gần 60% so với JPEG và 35% so với WebP mà không làm giảm chất lượng.

Ngoài ra, định dạng tệp AVIF hỗ trợ các định dạng hình ảnh mất dữ liệu và không mất dữ liệu cũng như độ trong suốt. Định dạng hình ảnh AVIF là định dạng hình ảnh hỗ trợ bất kỳ codec hình ảnh nào.


AVIF hiện có sẵn trong các phiên bản trình duyệt web được sử dụng bởi một số lượng lớn người dùng web:

  • Google Chrome 85 trở lên
  • Mozilla Firefox 86 trở lên
  • Android
  • Safari trên iOS 16.0 trở lên


(Để biết danh sách các trình duyệt hỗ trợ AVIF, vui lòng xem phần AVIF trên caniuse.com .)


  • Nguồn: https://caniuse.com/avif*

AVIF đang hoạt động

Định dạng AVIF phù hợp nhất với những hình ảnh chứa các chi tiết cụ thể cần được giữ nguyên, ví dụ: độ dốc, văn bản và đồ họa trong áp phích phim. Hiệu suất và chất lượng của nó là tuyệt vời khi bạn sử dụng nén.


Nếu bạn đang đọc trên trình duyệt có hỗ trợ AVIF, chẳng hạn như các phiên bản gần đây của Chrome, Firefox hoặc Android, bạn sẽ thấy ba hình ảnh bên dưới:


Một hình ảnh AVIF có kích thước 9KB

Hình ảnh WebP có kích thước 12KB
Ảnh JPEG có kích thước 16KB

Các hình ảnh có chất lượng tương đương nhau, tuy nhiên hình ảnh AVIF giúp giảm đáng kể kích thước tệp. Bằng cách sử dụng AVIF để nén hình ảnh, bạn có thể giảm kích thước tệp hình ảnh hơn nữa và nhận được các lợi ích bổ sung:


  • Thời gian tải trang nhanh hơn
  • Xếp hạng SEO tốt hơn (Các công cụ tìm kiếm như Google thưởng cho tốc độ tải trang, đặc biệt là trên thiết bị di động)
  • Tỷ lệ thoát thấp hơn
  • Cải thiện sự hài lòng của khách hàng
  • Chi phí băng thông thấp hơn


Một quả bóng đá , một công ty truyền thông bóng đá có trụ sở tại Đức, đã thấy thời gian tải trang tăng 26% và thời gian tương tác lần đầu tiên tăng 24% sau khi bật chuyển đổi AVIF tự động.

imgix & AVIF

Kể từ khi cung cấp AVIF tại imgix, người dùng của chúng tôi đã thấy kích thước tệp giảm gần 60% so với JPEG và 35% so với WebP mà không làm giảm chất lượng. Unsplash , một trong những khách hàng đầu tiên của chúng tôi triển khai chuyển đổi định dạng AVIF tự động, đã thấy kích thước tệp giảm 30%.

Cũng giống như Unsplash, bạn có thể tự động chuyển đổi định dạng hình ảnh bằng cách sử dụng imgix. Thông qua việc sử dụng các 'tự động = định dạng' tham số, imgix sẽ tự động phục vụ hình ảnh trong AVIF cho tất cả các trình duyệt hỗ trợ nó. Đối với các trình duyệt chưa hỗ trợ nó, API kết xuất imgix sẽ chuyển về định dạng sẵn có tốt nhất tiếp theo. Nếu tự động = định dạng được đặt và trình duyệt không hỗ trợ định dạng AVIF, trước tiên chúng tôi sẽ chuyển sang WebP nếu định dạng này được hỗ trợ. Nếu WebP không được hỗ trợ, imgix sẽ chuyển về loại hình ảnh nguồn hoặc bất kỳ định dạng nào được chỉ định bởi tham số fm. Chất lượng hình ảnh và hiệu suất trang web tuyệt vời khi bạn sử dụng tính năng nén trong định dạng AVIF.


Tương lai chứng minh hình ảnh của bạn

Nó có thể là một quá trình phức tạp để tạo, quản lý và phục vụ các định dạng hình ảnh khác nhau cho các mục đích khác nhau. Sao chép hình ảnh sang các định dạng khác nhau cũng có thể phát sinh chi phí lưu trữ lớn theo thời gian. Thay vì quyết định định dạng hình ảnh nào sẽ phục vụ cho môi trường nào hoặc liên tục sửa lỗi tương tác phức tạp giữa dữ liệu và hình ảnh--imgix làm tất cả cho bạn.


Làm việc với một đối tác tối ưu hóa hình ảnh như imgix phục vụ định dạng AVIF có nghĩa là bạn đang chứng minh hình ảnh của mình trong tương lai và chuẩn bị cho mình thành công khi công nghệ tiếp tục phát triển. Khi các tiêu chuẩn mới gia nhập thị trường, chúng tôi sẽ liên tục đánh giá và đổi mới để bạn có thể luôn dẫn đầu.


Dùng thử tính năng này miễn phí bằng cách đăng ký một tài khoản imgix .


Cũng được xuất bản ở đây .