UltKit

Chuyển AVIF sang ICO

Nếu bản logo duy nhất bạn có là file .avif, trang này biến nó thành favicon.ico chứa mọi kích thước biểu tượng phổ biến từ 16 đến 256 px, vẫn giữ nền trong suốt.

Chuyển đổi ảnh

hoặc thả tệp JPG, JPEG, JPE … vào đây ·

Tối đa 95 MB mỗi tệp· Tối đa 20 tệp· Xóa sau 30 phút

Đầu ra

Tệp được xử lý trên máy chủ của chúng tôi và bị xóa sau 30 phút.

Cách sử dụng công cụ này

  1. 1

    Tải logo AVIF lên

    Dùng bản vuông lớn nhất bạn có; từ 512 × 512 px trở lên cho các kích thước nhỏ sắc nét nhất. Có thể đưa nhiều logo vào cùng một lượt.

  2. 2

    Để kích thước biểu tượng ở mức Tất cả

    Kích thước biểu tượng được đặt sẵn ở Tất cả kích thước (16–256), nên một file .ico dùng được cho tab trình duyệt, dấu trang và lối tắt Windows. Chỉ chọn một kích thước khi phần mềm yêu cầu.

  3. 3

    Chuyển sang ICO

    Nhấn Chuyển sang ICO, đổi tên file tải về thành favicon.ico nếu cần và đặt nó ở thư mục gốc của trang web.

AVIF là định dạng để truyền ảnh nhanh; ICO là vỏ chứa các biểu tượng nhỏ. Khi chuyển đổi, AVIF được giải mã một lần rồi ghi thành nhiều bản thu nhỏ trong cùng một file .ico, mỗi bản có kênh alpha riêng.

Vì sao logo AVIF cần thêm bản ICO

AVIF được Alliance for Open Media phát hành năm 2019 và dựa trên codec video AV1. Chrome hỗ trợ từ phiên bản 85, Firefox từ 93 và Safari từ 16, nên các trình dựng web và CDN hình ảnh giờ mặc định trả về AVIF. Đó là lý do nhiều nhóm chỉ còn giữ logo thương hiệu dưới dạng logo.avif.

Favicon là chỗ duy nhất điều đó không ổn. Lối tắt trên màn hình Windows và trang web được ghim đọc ICO, trình duyệt cũ và nhiều trình thu thập dữ liệu tải /favicon.ico mà không xem HTML của bạn, còn một số ô favicon trong CMS từ chối hẳn file AVIF. Một file ICO tạo từ AVIF đáp ứng tất cả, và bạn không còn cần bước chuyển PNG sang ICO ở giữa.

AVIF

Định dạng ảnh AV1 (AVIF)

AVIF lưu ảnh tĩnh và chuỗi ảnh được nén bằng codec video AV1, và được Alliance for Open Media hoàn thiện năm 2019. Ở cùng chất lượng hiển thị, AVIF thường cho tệp nhỏ hơn cả JPEG và WebP, đồng thời hỗ trợ nền trong suốt, ảnh động, gam màu rộng và HDR. Tốc độ mã hóa chậm hơn các định dạng cũ, và các họa tiết rất mịn có thể bị làm mượt ở mức chất lượng thấp. Mọi trình duyệt lớn hiện đều hiển thị được AVIF, nhưng nhiều ứng dụng máy tính, nền tảng mạng xã hội và thiết bị cũ không mở được.

Nén
Có hoặc không mất dữ liệu
Độ trong suốt
Có
Ảnh động
Có
Ra mắt
2019 · Alliance for Open Media
Công cụ chuyển đổi AVIF

ICO

Biểu tượng Windows (ICO)

ICO là định dạng biểu tượng của Microsoft, dùng cho biểu tượng chương trình Windows và favicon của trang web. Một tệp .ico có thể chứa nhiều ảnh ở các kích thước khác nhau, như 16×16, 32×32, 48×48 và 256×256 pixel, để hệ thống chọn kích thước phù hợp nhất. Mỗi ảnh có thể được lưu dưới dạng bitmap hoặc dữ liệu PNG và hỗ trợ đầy đủ nền trong suốt alpha. ICO không dành cho ảnh chụp hay tác phẩm cỡ lớn. Trình duyệt, Windows và hầu hết trình chỉnh sửa biểu tượng đọc được định dạng này.

Nén
Không mất dữ liệu
Độ trong suốt
Có
Ảnh động
Không
Ra mắt
Microsoft
Công cụ chuyển đổi ICO

Logo AVIF thường đến từ quy trình xử lý ảnh của một trang web hiện đại hoặc bản xuất web của nhà thiết kế, trong khi trang web vẫn cần một favicon.ico truyền thống ở thư mục gốc mà mọi trình duyệt và trình thu thập dữ liệu đều đọc được.

Các kích thước biểu tượng trong favicon.ico

Tab trình duyệt và thanh địa chỉ
16 px
Dấu trang, lối tắt trên thanh tác vụ
32 px
Chế độ xem biểu tượng lớn của Windows
256 px
Mọi kích thước trong một favicon.ico
1 file

Giữ kênh alpha

Vùng trong suốt của AVIF vẫn trong suốt ở mọi kích thước.

Thu nhỏ riêng từng cỡ

Mỗi mục được lấy mẫu lại từ ảnh gốc, không phải từ cỡ lớn hơn liền kề.

Chỉ lấy khung đầu

AVIF động chỉ đóng góp khung hình đầu tiên.

Giữ logo AVIF dễ nhìn ở 16 × 16

Một biểu tượng 16 px chỉ có tổng cộng 256 pixel, nên nét mảnh, chữ nhỏ và chuyển sắc đều biến mất. Trước khi chuyển đổi, hãy xuất một phiên bản logo đơn giản hơn: chỉ phần biểu tượng không kèm chữ, nét dày hơn và tương phản rõ hơn trên cả giao diện trình duyệt sáng lẫn tối. Nền trong suốt để màu tab hiện qua thường đẹp hơn một ô vuông trắng.

AVIF nén mạnh cũng có thể để lại cạnh mềm hoặc lem màu quanh các hình sắc nét. Nếu logo bị như vậy, hãy xin bản AVIF không mất dữ liệu hoặc bản gốc SVG; trên biểu tượng lớn các lỗi này lộ rõ, còn ở 16 và 32 px việc thu nhỏ che đi phần lớn. Để hiểu AVIF so với WebP và HEIC ra sao, xem bài AVIF, HEIC và WebP là gì.

Câu hỏi về tạo favicon ICO từ AVIF

Trình duyệt có dùng trực tiếp file AVIF làm favicon được không?

Chrome, Firefox và Safari hiển thị được AVIF, nhưng file tên favicon.ico ở thư mục gốc mới là thứ mà trình duyệt, trình đọc RSS và nhiều bot xem trước liên kết mặc định yêu cầu. Đặt một file ICO thật ở đó giúp tránh lỗi 404 trong nhật ký máy chủ và biểu tượng tab trống trên các ứng dụng cũ.

Logo AVIF của tôi không vuông. Biểu tượng ICO có bị kéo giãn không?

Biểu tượng luôn vuông, nên logo bề ngang sẽ thu thành một dải mỏng hoặc bị méo. Hãy cắt logo lấy phần biểu tượng hoặc chữ cái đầu trước; bài cách cắt ảnh theo tỉ lệ hướng dẫn cắt 1:1 mà vẫn giữ chủ thể ở giữa.

Màu 10 bit của AVIF có được giữ trong file ICO không?

Không. Mỗi mục biểu tượng lưu 8 bit mỗi kênh cộng một kênh alpha 8 bit, nên dữ liệu AVIF HDR hoặc 10 bit được giảm về màu sRGB chuẩn. Ở 16 hoặc 32 px không ai nhận ra khác biệt.

Google cần favicon thế nào để hiển thị trong kết quả tìm kiếm?

Hướng dẫn của Google yêu cầu favicon vuông có kích thước là bội số của 48 px, như 48 × 48 hoặc 96 × 96, được khai báo từ trang chủ. File ICO từ trang này có sẵn các mục lớn hơn để Google thu nhỏ.

Với biểu tượng ứng dụng, chuyển AVIF sang PNG có tốt hơn ICO không?

Với iOS, Android và manifest ứng dụng web thì có; chúng cần file PNG ở các kích thước cố định như 180 × 180 và 512 × 512. Hãy dùng chuyển AVIF sang PNG cho các trường hợp đó và giữ ICO cho favicon truyền thống và Windows.