Tạo Favicon từ Văn bản

Sau khi tạo thành công các tệp biểu tượng đã đóng gói, hãy đặt các tệp sau vào thư mục gốc của tệp tĩnh trên trang web của bạn

• favicon.ico
• site.webmanifest
• favicon-16x16.png
• favicon-32x32.png
• apple-touch-icon.png
• android-chrome-192x192.png
• android-chrome-512x512.png

Sau đó, đặt các thẻ liên kết sau bên trong thẻ head HTML.

<link rel="icon" href="/favicon-16x16.png" type="image/png" sizes="16x16" />
<link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
<link rel="manifest" href="/site.webmanifest" />

Sao chép