Cách thêm Favicon trong HTML
Ba thẻ bao gồm 99% trường hợp. Hai cái nữa cung cấp cho bạn thiết lập cấp PWA đầy đủ.
3 phút đọc
Thẻ tối thiểu
<link rel="icon" href="/favicon.ico"> — thế thôi. Mọi trình duyệt sẽ tìm nạp nó.
Bộ đề xuất hiện đại
Thêm SVG và apple-touch-icon để hiển thị sắc nét trên mọi nền tảng:
<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" size="180x180" href="/apple-touch-icon.png">
Lời nhắc cài đặt PWA
Thêm một tệp kê khai.json với các mục nhập 192×192 và 512×512 PNG, sau đó liên kết <link rel="manifest" href="/site.webmanifest">.