Thả một ảnh PNG 512×512; tải xuống một tệp zip chứa tất cả các biến thể favicon mà một trang web hiện đại cần — ICO đa kích thước, biểu tượng Apple touch, biểu tượng manifest Android, và đoạn mã HTML để chèn vào <head> của bạn. Hoàn thành trong 10 giây.
Những gì được tạo ra
- favicon.ico — ICO đa kích thước với các biến thể 16, 32, 48, 64 px.
- favicon-16x16.png, favicon-32x32.png, favicon-96x96.png — các tệp trình duyệt hiện đại sử dụng.
- apple-touch-icon.png — 180×180 cho màn hình chính iOS.
- android-chrome-192x192.png, 512×512 — cho màn hình chính Android.
- site.webmanifest — được điền sẵn để hỗ trợ PWA.
- browserconfig.xml — cho cấu hình tile của Microsoft.
- Đoạn mã HTML — các thẻ <link> để dán vào <head> của bạn.
Tại sao lại có nhiều tệp như vậy
Các trình duyệt, hệ điều hành và ngữ cảnh khác nhau (tab trình duyệt, dấu trang, màn hình chính, trình khởi chạy ứng dụng, thanh tác vụ) ưa thích các kích thước và định dạng khác nhau. Thực tiễn tốt nhất hiện đại là cung cấp một số tệp bao phủ tất cả các trường hợp phổ biến. Các trình duyệt cũ dùng favicon.ico; các trình duyệt hiện đại chọn PNG tối ưu.
Khuyến nghị về nguồn ảnh
- 512×512 hoặc lớn hơn. Chúng tôi thu nhỏ; không bao giờ phóng to.
- Hình vuông. Đầu vào không vuông sẽ được thêm viền.
- Hình dáng đơn giản. Favicon hiển thị ở 16×16 — logo phức tạp mất chi tiết.
- Nền trong suốt hoặc màu đồng nhất.
Cũng cần biểu tượng ứng dụng đầy đủ?
Đối với biểu tượng ứng dụng iOS / Android (không chỉ favicon web), hãy sử dụng Trình tạo Biểu tượng Ứng dụng — nó tạo ra tất cả các kích thước mà XCode và Android Studio cần.
Câu hỏi thường gặp
Favicon.ico có hoạt động trên IE cũ không?
Có — ICO đa kích thước với 16/32/48/64 hỗ trợ IE6+ và các trình duyệt hiện đại.
apple-touch-icon dùng để làm gì?
Khi người dùng iOS thêm trang web của bạn vào màn hình chính, đây là biểu tượng được sử dụng. Kích thước hiện đại là 180×180.
Tôi có cần manifest không?
Đối với hỗ trợ PWA: có. Đối với một trang web đơn giản: tùy chọn nhưng được khuyến nghị.
Định dạng nào tốt nhất cho nguồn?
PNG có độ trong suốt. SVG cũng hoạt động (chúng tôi raster hóa).
Biểu tượng favicon có bị mờ ở kích thước 16×16 không?
Các logo chi tiết sẽ bị mờ. Hãy đơn giản hóa hoặc sử dụng một chữ cái in đậm duy nhất cho kích thước nhỏ.
Các tệp sẽ được đặt ở đâu trên máy chủ của tôi?
Tất cả đều nằm trong thư mục gốc web của trang web của bạn. Đoạn mã HTML tham chiếu chúng dưới dạng /favicon.ico, /favicon-32x32.png, v.v.
Tạo hàng loạt cho nhiều trang web?
Có, dành cho gói Premium.
Các tệp tải lên có ở chế độ riêng tư không?
Có — sẽ bị xóa trong vòng 24 giờ.
Giới thiệu Trình tạo Favicon
Trình tạo Favicon là công cụ trực tuyến miễn phí từ Wallpapers.com, chạy hoàn toàn trong trình duyệt — không cần cài đặt, không watermark, không cần đăng ký email cho lần dùng đầu.
Tạo mọi kích thước favicon mà trình duyệt yêu cầu từ một hình ảnh nguồn.
Cách sử dụng Trình tạo Favicon
- Thả hình ảnh của bạn vào khu vực tải lên (đơn hoặc hàng loạt — bật Bulk ở trên cùng).
- Chọn bất kỳ cài đặt nào công cụ cung cấp (kích thước, định dạng, chất lượng).
- Nhấn Run. Kết quả tự động tải xuống — không cần bước lưu thủ công.
Khi nào nên sử dụng
Các trường hợp sử dụng phổ biến bao gồm:
chuẩn bị hình ảnh để tải lên web, danh sách thương mại điện tử, nền tảng mạng xã hội có ràng buộc định dạng và chuyển đổi tệp từ thiết bị hoặc ứng dụng này sang thiết bị khác.
Free vs Premium
Mọi khách truy cập đều có một lần dùng thử miễn phí; người dùng đã đăng nhập miễn phí có hạn ngạch hàng ngày cao hơn. Đăng ký
Premium
để có số lần chạy không giới hạn, xử lý hàng loạt lên đến 200 hình ảnh mỗi lần, hàng đợi ưu tiên và duyệt web không quảng cáo.
Công cụ liên quan
Đang tìm kiếm thứ gì đó hơi khác? Thử
Ảnh thành Trang Tô Màu
,
Trình tạo mã QR có logo
hoặc
Mẫu Mạng Xã Hội
— or browse all
Chuyên dụng công cụ.
