Hướng dẫn định dạng tệp ICO
Định dạng ICO là một vùng chứa — không phải một hình ảnh. Việc hiểu cấu trúc thư mục của nó sẽ giải thích tại sao một .ico có thể chứa 16 độ phân giải khác nhau và tại sao việc đổi tên PNG thành .ico không bao giờ hiệu quả.
ICO bắt đầu bằng tiêu đề 6 byte (dành riêng, loại, số lượng hình ảnh), theo sau là một mục nhập thư mục 16 byte cho mỗi hình ảnh được nhúng (chiều rộng, chiều cao, số lượng màu, dành riêng, mặt phẳng, độ sâu bit, kích thước, độ lệch).
Mỗi mục nhập trỏ tới BMP DIB (không nén, phổ biến cho 16×16 và 32×32) hoặc tải trọng PNG (được nén, tiêu chuẩn cho 64×64 trở lên).
Các byte chiều rộng và chiều cao bằng 0 có nghĩa là 256 pixel - định dạng có trước kích thước lớn hơn nhưng các công cụ hiện đại nhúng 256×256 thông qua nén PNG.
Windows Explorer đọc thư mục và chọn kích thước gần nhất cho các phím tắt, ghim thanh tác vụ và liên kết tệp.
Các trình duyệt phân tích cú pháp favicon.ico thường chọn mục nhập gần nhất với kích thước hiển thị được yêu cầu - thường là 16 hoặc 32 pixel CSS.
Các tệp ICO hợp lệ có thể kết hợp các mục nhập BMP và PNG trong một vùng chứa. Trình tạo nên nén PNG các mục nhập lớn để giữ tổng kích thước tệp dưới 100 KB.
Tính minh bạch sử dụng alpha 8 bit trên các mục PNG; Các mục BMP sử dụng các lớp mặt nạ 1 bit - kế thừa và hiếm khi được sử dụng cho các favicon hiện đại.
Cách hoạt động
- 1
Bắt đầu từ một hình vuông chính
512×512 PNG hoặc SVG được tạo điểm ảnh một lần.
- 2
Mã hóa nhiều mục
Gói 16, 32, 48, 64, 128, 256 trong một tệp.
- 3
Triển khai dưới dạng favicon.ico
Đặt tại gốc trang web và liên kết trong HTML.
Thử ngay
Tạo một XXH0XX nhiều kích thước hợp lệ
Chuyển đổi PNG sang ICOCâu hỏi thường gặp
ICO có phải là độc quyền không?+
Đây là định dạng do Microsoft tạo ra nhưng được hỗ trợ phổ biến cho các biểu tượng favicon và Windows.
Kích thước tối đa trong một XXH0XX?+
Thực tế lên tới 256×256 mỗi mục; một số công cụ nhúng nhiều mục hơn những công cụ khác.
SVG có thể ở trong ICO không?+
Số ICO chỉ giữ BMP raster hoặc PNG. Gửi SVG dưới dạng tệp favicon.svg riêng biệt.
Làm cách nào để kiểm tra nội dung XXH0XX?+
Sử dụng công cụ PNG-to-ICO của chúng tôi để đảo ngược thông qua bản xem trước hoặc mở trong trình chỉnh sửa hex để đọc các mục nhập thư mục.