Bộ chuyển đổi ICO miễn phí

Chuyển đổi các hình ảnh sang định dạng favicon ICO, với nhiều kích thước.

Không có dữ liệu nào rời khỏi thiết bị của bạn
Tải lên một hình ảnh

PNG, JPG, WebP, GIF, BMP, AVIF và nhiều hơn nữa

hoặc kéo-thả

Xem trước hình ảnh

Xem trước

Về định dạng ICO

Định dạng ICO (Icon) là định dạng chuẩn cho các favicon trang web được hiển thị trong các tab, dấu trang và thanh địa chỉ của trình duyệt. Bộ chuyển đổi này hỗ trợ nhiều kích thước trong một tệp .ico duy nhất, đó là tiêu chuẩn hiện đại.

Câu hỏi thường gặp

Tệp ICO là gì?

Tệp ICO là một định dạng hình ảnh nhị phân được sử dụng cho các biểu tượng trong các ứng dụng Windows và các favicon trang web. Nó có thể chứa nhiều hình ảnh ở các độ phân giải khác nhau, cho phép các trình duyệt hiển thị kích thước thích hợp tùy theo bối cảnh.

Các kích thước nào để bao gồm?

16×16 và 32×32 là phổ biến nhất cho các favicon trình duyệt. Bao gồm 64×64 và 128×128 cho các phím tắt Windows và các màn hình mật độ cao. 48×48 hữu ích cho khả năng tương thích di sản. 256×256 đôi khi được sử dụng cho các biểu diễn biểu tượng kích thước lớn.

Cách sử dụng favicon trên trang web của tôi?

Đặt tệp favicon.ico trong thư mục gốc của trang web của bạn, hoặc tham chiếu nó trong HTML của bạn với: <link rel="icon" href="/favicon.ico">. Hầu hết các trình duyệt tìm thấy nó tự động ở thư mục gốc.

Lịch sử ngắn của ICO

Microsoft giới thiệu ICO cùng với Windows 1.0 vào tháng 11 năm 1985, ban đầu là định dạng tài nguyên cho biểu tượng ứng dụng đơn sắc 32×32 pixel được lưu bên trong file .EXE và .DLL. Phần mở rộng .ico độc lập được chính thức hóa để biểu tượng có thể chỉnh sửa và chia sẻ độc lập với file thực thi. Windows 3.x thêm hỗ trợ 16 màu và 256 màu; Windows 95 biến ICO thành container đa độ phân giải thực sự (một file chứa các bản kết xuất 16 / 32 / 48 px, với hệ điều hành tự động chọn bản phù hợp nhất cho từng ngữ cảnh); Windows XP thêm alpha 32-bit cho cạnh anti-aliased mượt mà và bóng đổ mờ trong; Windows Vista (2007) giới thiệu biểu tượng 256×256 pixel và cho phép mỗi mục lưu BMP cổ điển hoặc file PNG hoàn chỉnh. Mục được mã hóa PNG hiện là tiêu chuẩn cho các kích thước trên 48×48 vì BMP 32-bit 256×256 sẽ nặng khoảng 256 KB mỗi biểu tượng, rất lãng phí. Nhiều trình chỉnh sửa biểu tượng cũ vẫn mặc định ICO chỉ BMP và tạo file nặng gấp 8-10× hơn cần thiết.

Định dạng chuyển từ «nội bộ Windows» sang «tiêu chuẩn web toàn cầu» vào tháng 3 năm 1999 khi Microsoft Internet Explorer 5 giới thiệu quy ước /favicon.ico. Khi người dùng thêm trang vào «Favorites», IE sẽ yêu cầu /favicon.ico từ thư mục gốc của website và hiển thị ảnh 16×16 bên cạnh bookmark. Tên «favicon» là từ ghép của «favorites icon», xuất phát từ menu Favorites của IE. Quy ước này không bao giờ là tiêu chuẩn W3C chính thức khi ra mắt; Microsoft chỉ ghi lại đường dẫn, các trình duyệt và webmaster đã áp dụng, và phần còn lại của ngành theo sau. Hai mươi bảy năm sau mọi trình duyệt lớn vẫn yêu cầu /favicon.ico trong lần truy cập đầu tiên ngay cả khi không có thẻ <link rel="icon"> nào, đó là lý do nhật ký máy chủ từ bất kỳ tài sản web nào trên thế giới đều hiển thị yêu cầu favicon từ trình duyệt, crawler, RSS reader và bot xem trước liên kết, và lỗi 404 khi file bị thiếu.

Tại sao ICO thay vì PNG vào năm 2026

Với sự linh hoạt của PNG, tại sao ICO vẫn quan trọng? Ba lý do:

Điều đáng chú ý về MIME type: file ICO về mặt kỹ thuật được phục vụ dưới dạng image/vnd.microsoft.icon (loại đã đăng ký với IANA), nhưng image/x-icon cũ hơn là thứ hầu hết máy chủ và template CMS phát ra, và được mọi trình duyệt hiện đại chấp nhận. Cả hai đều hoạt động.

Khuyến nghị favicon năm 2026

Một trang web hiện đại không nên chỉ dựa vào favicon.ico, nhưng cũng không nên bỏ qua nó. Bộ «tiêu chuẩn tối thiểu hiện đại» được vận động bởi realfavicongenerator.net và MDN Web Docs hiện nay là:

Khối HTML head hiển thị tất cả như sau:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">
<meta name="theme-color" content="#ffffff">

Thuộc tính sizes="any" trên liên kết .ico báo cho trình duyệt hiện đại «file này chứa kích thước tùy ý, chỉ dùng làm dự phòng», do đó họ ưu tiên SVG khi có sẵn. Xu hướng 2024-2026 trong các hướng dẫn thực hành tốt nhất là cắt giảm mạnh: chỉ cần ship bốn file đó cộng với một manifest. Các «gói favicon 16 file» cũ với mstile và yandex tiles không còn được khuyến nghị trừ khi bạn nhắm mục tiêu cụ thể vào các nền tảng đó.

Bên trong file ICO

Cho những ai tò mò: bố cục nhị phân khá đơn giản. Một header ICONDIR ngắn (6 byte, reserved, type=1 cho biểu tượng, số lượng ảnh), theo sau là N bản ghi ICONDIRENTRY (16 byte mỗi bản, liệt kê chiều rộng / chiều cao / số màu / kích thước / độ lệch file), theo sau là N bitmap ảnh. Mỗi mục ảnh có thể là BMP/DIB kiểu cũ hoặc (kể từ Vista) một file PNG hoàn chỉnh với header riêng. Bản ghi ICONDIRENTRY luôn lưu chiều rộng và chiều cao dưới dạng byte, với 0 có nghĩa là 256 (giá trị tối đa). Đó là lý do ICO hỗ trợ tối đa 256×256 nhưng không lớn hơn; định dạng sẽ cần được sửa đổi để lưu ảnh lớn hơn.

Công cụ kiểm tra những gì bạn tạo ra

Khi nào bạn dùng công cụ này

Câu hỏi thêm

Favicon của tôi đã cập nhật nhưng trình duyệt vẫn hiển thị cái cũ, tại sao?

Bộ nhớ đệm favicon nổi tiếng hung hãn. Trình duyệt lưu cache favicon qua các lần khởi động lại và không phải lúc nào cũng tôn trọng header HTTP cache-control. Buộc làm mới (Cmd+Shift+R trên Mac, Ctrl+F5 trên Windows) thường hoạt động trong Chromium và Firefox; Safari đôi khi cần thoát hoàn toàn rồi khởi động lại, và trên iOS biểu tượng màn hình chính có thể cần thêm lại trang hoàn toàn. Thêm query string (/favicon.ico?v=2) buộc làm mới trong hầu hết các trình duyệt nhưng không phải lúc nào cũng hoạt động với yêu cầu /favicon.ico ngầm, để xử lý điều đó, hãy khai báo URL mới trong thẻ <link rel="icon">.

Tôi nên bao gồm kích thước nào?

Cho favicon trình duyệt: 16 và 32 là thiết yếu. 48 giúp cho tab Windows DPI cao. Cho phím tắt desktop Windows và ghim taskbar: bao gồm 64 và 128 (và 256 cho chế độ xem Explorer «Extra large» lớn nhất). Lựa chọn mặc định của công cụ này (16/32/48/64) bao phủ 99% trường hợp. Thêm 128 hoặc 256 làm tăng kích thước file đáng kể (PNG được mã hóa 256×256 một mình đã khoảng 30-40 KB) nên chỉ bao gồm chúng nếu bạn thực sự cần kết xuất Windows shell.

Tôi có nên dùng nền trong suốt không?

Hầu như luôn luôn có, trình duyệt hiện đại hiển thị favicon trên màu chrome của tab, vốn khác nhau giữa chế độ sáng, tối và tab được ghim. PNG trong suốt (hoặc đầu vào trong suốt cho công cụ chuyển đổi) tạo ra cạnh sạch trên mọi nền. Ngoại lệ là logo không thể đọc được nếu không có nền màu, trong những trường hợp đó, tích hợp màu nền là ổn. PNG và ICO đều hỗ trợ alpha đầy đủ; JPEG thì không, nên đầu vào JPG mất độ trong suốt.

Favicon.ico còn thực sự cần thiết vào năm 2026 không?

Có, nhưng chỉ như dự phòng. Mọi trình duyệt vẫn ngầm yêu cầu nó trong lần truy cập đầu tiên ngay cả khi đã có thẻ <link> hiện đại; phím tắt desktop Windows và ghim taskbar cần nó; môi trường doanh nghiệp vẫn chạy IE11 hoặc Edge cũ (vâng, những môi trường đó tồn tại trong y tế, sản xuất và chính phủ) cần nó. File .ico đa kích thước 4-8 KB trong thư mục gốc là mặc định phổ quát an toàn nhất, kết hợp với SVG và PNG qua thẻ <link> cho người dùng còn lại.

Có dữ liệu nào được gửi lên máy chủ không?

Không. Ảnh được giải mã trong trình duyệt của bạn, thu phóng đến từng kích thước được yêu cầu qua Canvas 2D API, và được lắp ráp thành file nhị phân ICO bằng JavaScript. Kết quả được tải xuống thẳng đến thiết bị của bạn. Không có gì về ảnh của bạn (kể cả thiết kế logo bạn có thể vẫn đang lặp) rời khỏi trang.

Công cụ liên quan

Trình tạo favicon

Thiết kế các favicon cho các trang web ở tất cả các kích thước chuẩn.

PNG → JPG

Chuyển đổi giữa các định dạng hình ảnh PNG và JPG.

Bộ chuyển đổi hình ảnh hàng loạt

Chuyển đổi nhiều hình ảnh giữa các định dạng cùng một lúc.