Trình tạo Favicon HTML
Favicon chỉ là một nửa công việc — thẻ liên kết HTML quyết định mỗi trình duyệt sẽ chọn tệp nào. Tạo bộ đầy đủ, chính xác chỉ bằng một cú nhấp chuột.
Thiết lập favicon hoàn chỉnh bao gồm các thẻ cho favicon.ico, biến thể SVG, apple-touch-icon và biểu tượng tệp kê khai PWA. Thiếu bất kỳ một trong số chúng sẽ tạo ra biểu tượng dự phòng trên ít nhất một nền tảng.
Tạo các thẻ ở đây, dán chúng vào <head> của bạn và thế là xong.
Cách hoạt động
- 1
Tạo favicon của bạn
Sử dụng trình tạo favicon để tạo .ico + PNG + SVG.
- 2
Sao chép các thẻ
Dán khối <link> đã tạo vào <head> của bạn.
- 3
Xác minh
Mở trang web của bạn ở dạng Chrome, Safari, Firefox và Edge — tất cả sẽ hiển thị biểu tượng.
Thử ngay
Nhận thẻ HTML
Tạo FaviconCâu hỏi thường gặp
Thẻ nào quan trọng nhất?+
<link rel="icon" href="/favicon.ico"> — đó là phương án dự phòng phổ biến.
Tôi có cần một tệp kê khai.json không?+
Chỉ khi bạn muốn có trải nghiệm cài đặt PWA thích hợp. Nếu không, tùy chọn.
apple-touch-icon đi đâu?+
<link rel="apple-touch-icon" size="180x180" href="/apple-touch-icon.png">.