如何讓部落格、網站有favicon小圖示?

一個網站最具代表性的東西就是網站LOGO、網站名稱、網站網址,不過總感覺好像忽略了什麼東西?就像麻將三缺一的樣,少一個就是玩不起來。沒錯!我們少的就是網站的favicon小圖標了,如果你網站被人家加入書籤後,你就會體會到圖標的重要性,因為在一大堆雜亂的書籤中,favicon越特別,別人的目光就會往那飄!


過去,為保證favicon出現,網站設計者和開發者採用了多種方法。很難明確地保證favicon可以在所有電腦上顯示,即使是用同一版本的一種流覽器。

下列代碼另一個局限就是它把favicon關聯到了某個特定的HTMLXHTML文檔上。為避免這一點,favicon.ico檔應置於根目錄下。多數流覽器將自動檢測並使用它。

  • 建議包含以下兩行HTML代碼:

<link rel="shortcut icon" href="http://www.faviconico.org/favicon.ico" type="image/vnd.microsoft.icon">

<link rel="icon" href="http://www.faviconico.org/favicon.ico" type="image/vnd.microsoft.icon">

然而,只有第一行是必須的,因為“shortcut icon”字串將被多數遵守標準的流覽器識別為列出可能的關鍵字(“shortcut”將被忽略,而僅適用“icon”);而Internet Explorer將會把它作為一個單獨的名稱(“shortcut icon”)。這樣做的結果是所有流覽器都可以理解此代碼。只有當希望為新流覽器提供另一種備用圖像(例如動畫GIF)時,才有必要添加第二行。

  • HTML中,link元件必須在head元件裡(在<head></head>之間)。

  • 對於XHTMLlink必須使用/>結束(或></link>),而不可以使用>結束。

  • href可以,但不必指向/favicon.ico的位置。它可以指向任何URL

  • 圖像通常可以使用任何被流覽器支援的圖像格式。

  • .ico檔案格式通常可以被所有可以顯示favicon的流覽器讀取。

  • 設置伺服器,以發送正確的MIME標識:

    • ICO 文件 image/vnd.microsoft.icon(或者亦可出於相容性原因使用image/x-icon。然而最好使用IANA註冊的MIME類型,因為多數主流流覽器現在支持它)

    • GIF 文件 image/gif

    • PNG 文件 image/png

  • 使用適當的解析度色深

    • ICO:包括多種解析度(最常使用的是16×1632×32Mac OS X有時使用64×64128×128)以及位深(比特每圖元)(多數使用4824 bpp,即162561600萬色)。

    • GIF:使用16×16256色。

    • PNG:使用16×16256色或24位。

注意:當favicon.ico被置於文檔根目錄時,將會被一些不處理link組件的流覽器找到,即使沒有您的網站上沒有指向它的連結。

 



Faviconico.org 由 鋪王 設計開發. Favicon.ico線上製作,ICO製作工具,favicon製作,ico 轉檔 可即時預覽顯示效果的png轉ico、gif轉ico、jpg轉ico工具
free web stats