最近做網站前端顯示的時候，瀏覽器選項卡都會顯示一個網站的小圖標 也就是favicon.ico。不過顯示的時候總是出問題，在網上搜了一下方法，希望對大家有幫助。
favicon.ico其實就是網站顯示時候的那個tab卡片前面的小圖標
小圖標一般都是採用logo的形象，這樣可以很直觀的明確自己訪問的站點，對推廣還是很有必要的，同時也可以提升用戶體驗。
下面是我完成 favicon.ico 的過程
1.favicon.ico圖標的製作
favicon.ico圖標大小選取：瀏覽器默認的 favicon.ico 大小是16×16，不過爲了顯示的更加清楚通常採用32×32
如果手上沒有ico格式的圖片，也可以用一些在線favicon.ico製作工具。將準備好的jpg, png 或者 gif的圖標“上傳——製作——下載”即可。
2.將你做好的favicon圖片文件上傳至你網站的根目錄下，即www目錄下。且保證命名爲favicon.ico。
(注意：文件一定要放在根目錄下，文件名一定要是 favicon.ico )
3.在頁面頭部<head></head>加入下面的代碼
<link rel="icon" href="../favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />至此，基本上就做完了。現在只需清理一下瀏覽器緩存，再刷新一下頁面就OK了。
補充說明：由於不同瀏覽器對對圖標處理的方式不同，有時候會發現只用前步驟中的前兩步就OK。但是爲了保證每個瀏覽器，加上第三步會更好。
資料參考出處：
森動網：http://www.sendong.com/news229.html博客園：http://www.cnblogs.com/LoveJenny/archive/2012/05/22/2512683.html
Favicon.ico在線製作工具：http://cn.faviconico.org/
