Trình tạo biểu tượng ứng dụng & biểu tượng

Favicon là gì?

Favicon là một hình ảnh biểu tượng nhỏ đại diện cho một trang web và chủ yếu được sử dụng trong danh sách các dấu trang trong trình duyệt web. Thường được sử dụng ở kích thước 16x16px hoặc 32x32px.

• Khi bạn tạo một trang web, nhưng nếu bạn không biết cách tạo một favicon, hãy tạo nó bằng một cú nhấp chuột.
• Khi tạo một ứng dụng điện thoại thông minh, hãy tạo ngay một biểu tượng ứng dụng tương ứng với các mô hình khác nhau

Để sử dụng favicon được tạo, hãy chèn đoạn mã sau vào đầu tài liệu HTML

<link rel="apple-touch-icon" sizes="57x57" HREF="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" HREF="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" HREF="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" HREF="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" HREF="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" HREF="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" HREF="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" HREF="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" HREF="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"  HREF="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" HREF="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" HREF="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" HREF="/favicon-16x16.png">
<link rel="manifest" HREF="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">