1、定義:
所謂favicon,即FavoritesIcon的縮寫,顧名思義,便是其可以讓瀏覽器的收藏夾中除顯示相應的標題外,還以圖標的方式區別不同的網站。
當然,這不是Favicon的全部,根據瀏覽器的不同,Favicon顯示也有所區別:在大多數主流瀏覽器如FireFox和InternetExplorer(5.5及以上版本)中,
favicon不僅在收藏夾中顯示,還會同時出現在地址欄上,這時用戶可以拖曳favicon到桌面以建立到網站的快捷方式;除此之外,
標簽式瀏覽器甚至還有不少擴展的功能,如FireFox甚至支持動畫格式的favicon等。------------網站頭像。
2、制作:
制作Favicon.ico的方法相當簡單,常用的Favicon.ico圖標有3種16×16、32×32、48×48。首先,利用圖形工具創建2個反映網站主題的256色的小圖片:
1個為32×32像素,另一個為16 ×16像素。需要注意的是, 調色板要選用“Windows 默認 調色板”,不然,在最終的效果展示中圖形可能會發生迥異於您初衷的顏色上變化。
3、網頁調用:
瀏覽器調用 favicon的原理是首先在網頁所在目錄尋找favicon.ico文件,如果沒有找到就去網站的根目錄尋找。所以最簡單的方法就是將制作好的favicon文件命名為favicon.ico然后上傳到網站的根目錄下。
如果您需要將Favicon.ico放到其他目錄下,或者希望讓不同的網頁顯示不同的Favicon,就需要在網頁Html文件中做設定了,具體設置也很簡單,在 Html中的部分加入如下的代碼:
<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”>
含義:在瀏覽器標簽中顯示favicon,在 收藏夾中顯示favicon。
除此之外,Firefox還支持GIF動畫格式的Favicon,使用方法如下:
首先制作一個16*16的gif動畫,然后在html代碼中加入如下代碼:
程序代碼 :<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="animated_favicon.gif" type="image/gif" >即可。
4、更新:
如何更新favicon.ico圖標,因為本地瀏覽器存在的緩存可能無法及時更新favicon.ico圖標。 關閉所有打開的瀏覽器,並清空 瀏覽器緩存。
打開網站並加入 收藏夾。 關閉瀏覽器,重新打開網站,就更新了。 若此時還未更新favicon.ico圖標,請稍等一會再打開瀏覽嘗試。
如果是用 360瀏覽器,無法更新,清除緩存的地址是C:\Documents and Settings\Administrator\Application Data\360se\data\ico,這個位置記錄你所瀏覽的網站的ico,
刪除你想更新的ico文件就好了,關掉瀏覽器,重新打開網站就更新了。如果使用的 火狐或者 chrome瀏覽器,則更新更加簡單,使用 火狐和 chrome的隱私模式進行瀏覽即可更新緩存 。
