㈠定義
⑴所謂favicon，即Favorites Icon的縮寫，顧名思義，便是其可以讓瀏覽器的收藏夾中除顯示相應的標題外，還以圖標的方式區別不同的網站。
⑵根據瀏覽器的不同，Favicon顯示也有所區別：在大多數主流瀏覽器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不僅在收藏夾中顯示，還會同時出現在地址欄上，這時用戶可以拖曳favicon到桌面以建立到網站的快捷方式；除此之外，標簽式瀏覽器甚至還有不少擴展的功能，如FireFox甚至支持動畫格式的favicon等。
㈡應用
⑴中文名稱是網站頭像。在我們的網站建設中，為網站打造一個契合網站主題的個性化標志則是必需的。
⑵favicon.ico圖標是網站的縮略標志，可以顯示在瀏覽器標簽、地址欄左邊和收藏夾，是展示網站個性的縮略logo標志，也可以說是網站頭像，如果要讓網站看起來更專業、更美、更有個性，favicon.ico是必不可少的。
⑶favicon也並不只是僅僅讓網站給人更專業的觀感，也可以在一定程度上減輕服務器的流量帶寬占用，一般為了提高網站的可用性，都會為自己的網站創建一個自定義的404錯誤文件，在這種情況下，如果網站沒有相應的favicon.ico文件，每當有用戶收藏網站/網頁時， Web服務器都會調用這個自定義的404文件，並在網站的錯誤日志中記錄。這顯然是應該予以避免的。
㈢制作
常用的Favicon.ico圖標有3種16×16、32×32、48×48。
第一種方法：
1）制作一個16×16像素的favicon.ico圖片，上傳到網站根目錄下。
2）把這段代碼放在網頁head區域里就行了。
注：這種方式，ico文件的名稱一定要叫：favicon.
第二種方法：在線制作
1）首先准備處理logo圖片，格式可以是jpg或者PNG格式的。
使用PS，新建圖層 100px*100px，logo圖片置入
注意：這里圖片的尺寸沒有特別要求，但是大小限制在500k以內。
2）考慮到ico圖標為正方形，且實際顯示的尺寸是極小的，所以logo如果太大，建議選取里邊最有辨識度的一部分作為ico圖標。
logo最好剛剛充盈整個圖層。
3）保存為 .jpg .jpeg .gif .png等圖像格式都可以，但是一般建議保存為 .jpg 、.png，比較好操作。
4）在網頁搜索“ico”或“比特蟲”，就能找到該網頁工具。
上傳文件，一般默認尺寸，填好驗證碼，生成即可！
將其下載到電腦里。
也可以在這個網站上制作：（1） http://www.faviconico.org/
（2）http://www.atool9.com/ico.php
5）.ico圖標完成！
在網站后台找到原來的favicon.ico文件，將新的bitbug_favicon.ico改為favicon.ico，替換即可。
注：favicon的格式不一定是ico格式，它可以是png，jpg甚至是gif，不過ico格式是所有瀏覽器都支持的。
㈣使用方式
1）怎么查看一個網站的favicon.ico呢？
在公司的網址后輸入/favicon.ico；
2）在html中引入favicon.ico
將favicon.ico放入於html在同一個目錄中，然后引入：
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
放在title后面，head里面。
㈤網頁上調用
瀏覽器調用favicon的原理是首先在網頁所在目錄尋找favicon.ico文件，如果沒有找到就去網站的根目錄尋找。所以最簡單的方法就是將制作好的favicon文件命名為favicon.ico然后上傳到網站的根目錄下。
如果需要將Favicon.ico放到其他目錄下，或者希望讓不同的網頁顯示不同的Favicon，就需要在網頁Html文件中做設定了，在Html中的<head>部分加入如下的代碼：
<link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”> <link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”> <link rel="icon" href="animated_favicon1.gif" type="image/gif" >
含義：在瀏覽器標簽中顯示favicon，在收藏夾中顯示favicon。
㈥更新
favicon.ico如何更新?
⑴如何更新favicon.ico圖標,因為本地瀏覽器存在的緩存可能無法及時更新favicon.ico圖標。 關閉所有打開的瀏覽器，並清空瀏覽器緩存。
⑵打開網站並加入收藏夾。 關閉瀏覽器,重新打開網站,就更新了。 若此時還未更新favicon.ico圖標,請稍等一會再打開瀏覽嘗試。
⑶如果是用360瀏覽器，無法更新，清除緩存的地址是C:\Documents and Settings\Administrator\Application Data\360se\data\ico；
這個位置記錄你所瀏覽的網站的ico，刪除你想更新的ico文件就好了，關掉瀏覽器，重新打開網站就更新了。
⑷如果使用的火狐或者chrome瀏覽器，則更新更加簡單，使用火狐和chrome的隱私模式進行瀏覽即可更新緩存。
參考：https://baike.baidu.com/item/favicon.ico/8944811?fr=aladdin