Favicon是favorites icon的縮寫,亦被稱為website icon(網頁圖標)、page icon(頁面圖標)或urlicon(URL圖標)。Favicon是與某個網站或網頁相關聯的圖標。
也稱作收藏夾圖標
favicon.ico文件生成還是有些難度的:它不是標準的位圖文件,需要用專門的收藏夾圖標編輯器生成。現在網上有在線favicon生成器服務:直接上傳你喜歡的圖片,直接生成16*16像素的favicon.ico文件,還有在線預覽功能。
範例1
<!-- FAVICON -->
<link rel="icon" href="images/favicon/favicon.png">
<link rel="icon" href="images/favicon/favicon.png" sizes="57x57">
<link rel="icon" href="images/favicon/favicon.png" sizes="72x72">
<link rel="icon" href="images/favicon/favicon.png" sizes="114x114">
<link rel="icon" href="images/favicon/favicon.png" sizes="144x144">
範例2
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/favicon.ico" sizes="32x32" />
<link rel="icon" href="/favicon.ico" sizes="64x64" />
<link rel="icon" href="/favicon.ico" sizes="128x128" />
範例2
<link rel="icon" href="https://www.inkthemes.com/wp-content/uploads/2018/07/cropped-inkthemes-logo-32x32-1.png" sizes="32x32" /><link rel="icon" href="https://www.inkthemes.com/wp-content/uploads/2018/07/cropped-inkthemes-logo-32x32-1.png" sizes="192x192" />
百度是怎麼處理的?
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" sizes="any" mask href="//www.baidu.com/img/baidu_85beaf5496f291521eb75ba38eacbd87.svg">
shortcut icon,特指瀏覽器中地址知欄左側顯示的圖道標,專一般大小為16×16,後綴名為.icon;
icon,指的是圖標,格式可為PNG\GIF\JPEG,尺屬寸一般為16×16、24×24、36×36等。
icon,指的是圖標,格式可為PNG\GIF\JPEG,尺屬寸一般為16×16、24×24、36×36等。
Answer…