Tạo Favicon
Từ ảnh hoặc chữ cái thành bộ favicon đầy đủ (ICO + PNG).
Tạo gói favicon hoàn chỉnh
Tải lên logo hoặc nhập chữ cái/biểu tượng cảm xúc, chọn hình nền và màu sắc, và tải xuống một ZIP với favicon.ico, tất cả các kích thước PNG (16 → 512), biểu tượng Apple Touch, site.webmanifest sẵn sàng và các thẻ HTML — mọi thứ được hiển thị trong trình duyệt của bạn.
Favicon Generator biến một nguồn — logo, ảnh, hoặc chỉ một chữ cái đậm hoặc biểu tượng cảm xúc — thành bộ icon hoàn chỉnh mà một trang web hiện đại cần: favicon.ico cho trình duyệt cũ và thanh địa chỉ, kích thước PNG từ 16 đến 512, icon Apple touch 180px cho màn hình chính iOS, icon Android Chrome, tệp site.webmanifest sẵn sàng sử dụng, và các thẻ HTML chính xác để dán vào <head> của bạn. Một cú nhấp, một ZIP, xong.
Bản xem trước trực tiếp hiển thị biểu tượng của bạn ở kích thước thực — bao gồm cả tab trình duyệt giả — bởi vì sự thật phũ phàng về favicon là chúng phải tồn tại ở 16×16 pixel. Chế độ chữ tồn tại chính xác vì lý do đó: một chữ cái đầu đậm trên nền hình vuông bo tròn màu là thứ dễ đọc nhất bạn có thể đặt trong một tab. Mọi thứ được hiển thị và nén zip trong trình duyệt của bạn; tác phẩm của bạn không bao giờ rời khỏi thiết bị.
Câu hỏi thường gặp
Một trang web thực sự cần những tệp nào vào năm 2026?
Một favicon.ico (16/32/48 trong một tệp), favicon PNG ở 16/32/48, apple-touch-icon.png ở 180px, biểu tượng Android Chrome ở 192 và 512, và site.webmanifest tham chiếu đến chúng. Đó chính xác là những gì tệp ZIP chứa, cùng với các thẻ HTML.
Tôi đặt các tệp ở đâu?
Tải mọi thứ lên thư mục gốc của trang web của bạn (để /favicon.ico được phân giải), sau đó dán các thẻ được cung cấp vào <head> của các trang của bạn. Tệp html-snippet.txt trong ZIP đã có sẵn.
Tại sao logo đẹp của tôi trông như nhiễu ở 16px?
Chi tiết không tồn tại trong 256 pixel tổng diện tích. Tăng khoảng đệm, hoặc chuyển sang chế độ chữ cái — một ký tự đậm trên nền đơn sắc vẫn đọc được nơi logo đầy đủ không thể.
Tệp ICO là gì và tại sao nó chứa ba kích thước?
ICO là định dạng chứa: trình duyệt chọn kích thước phù hợp nhất từ bên trong (16 cho tab, 32 cho thanh tác vụ, 48 cho phím tắt). Trình tạo nhúng cả ba dưới dạng hình ảnh đầy màu sắc có độ trong suốt.
Nền trong suốt có giữ được không?
Có — chọn hình dạng 'Trong suốt' để giữ kênh alpha của nguồn trong mọi PNG và ICO. Các nền hình dạng (vuông/bo tròn/tròn) tồn tại cho các nguồn cần một nền đặc.
Biểu tượng Apple touch dùng để làm gì?
Khi ai đó thêm trang web của bạn vào màn hình chính iOS, hình ảnh 180×180 đó trở thành biểu tượng ứng dụng. iOS tự làm tròn các góc, vì vậy thiết kế hình vuông full-bleed hoạt động tốt nhất ở đó.
Tôi có thể sử dụng biểu tượng cảm xúc làm favicon không?
Có — chuyển sang chế độ chữ và gõ bất kỳ biểu tượng cảm xúc nào. Nó hiển thị với phông chữ biểu tượng cảm xúc của hệ thống bạn lên hình dạng và màu sắc bạn chọn. Đây là một lựa chọn hợp pháp, đáng nhớ cho các trang web cá nhân.
Logo của tôi đã được tải lên chưa?
Không. Quá trình kết xuất, mã hóa ICO và nén ZIP đều diễn ra trong trình duyệt của bạn — công cụ hoạt động ngoại tuyến sau khi tải xong.