Công cụ tạo favicon
Tạo favicon ở nhiều định dạng từ văn bản, emoji hoặc ảnh
Nhập văn bản hoặc emoji để xem trước
Ví dụ nhanh:
Cách sử dụng Favicon của bạn
1. Tải xuống Favicon của bạn
Cài đặt tối thiểu được đề xuất:
- 32×32 PNG - Đổi tên thành favicon.png (phổ biến nhất)
- SVG - Đổi tên thành favicon.svg (trình duyệt hiện đại, có thể mở rộng)
Tùy chọn (để hỗ trợ tốt hơn):
- 16×16 PNG - Đổi tên thành favicon.ico (trình duyệt cũ)
- 180×180 PNG - Đổi tên thành apple-touch-icon.png (màn hình chính iOS)
2. Thêm vào trang web của bạn
Đặt tệp trong thư mục gốc hoặc công khai của trang web và thêm các thẻ này vào phần head HTML:
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
Mẹo
- Sử dụng thiết kế đơn giản, đậm hoạt động ở kích thước nhỏ
- Emoji hoạt động tuyệt vời cho biểu tượng nhanh, dễ nhận biết
- SVG được đề xuất cho trình duyệt hiện đại (có thể mở rộng & kích thước tệp nhỏ)
- Sử dụng màu tương phản cao để dễ nhìn hơn