Favicon.ico的用法及意義--以及簡介通過Favicon.ico來判斷網頁打開狀況


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的隱私模式進行瀏覽即可更新緩存 。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM