網站美化：給你的網站添加一個好看的Favicon

　　大概兩年前，我給一個朋友建一個網站。當我把網站第一次展示給她看的時候，她印象最深的卻是：“你居然還在瀏覽器里面放了這么一個小圖標，是怎么做到的啊?” 之前給他做6個網站的那些設計師都沒有做這點。所以她就認為這個很高級，要大網站才會有的東西。

　　那什么是 Favicon 呢?favicon 是 favorites icon 的縮寫，或者叫 shortcut icon, website icon, URL icon, 或者 bookmark icon，是一個 16×16 或者 32×32 的方形圖標。不同的網站有不同的圖標。出現在瀏覽器標簽的左端，比如我們通天塔t.tt的

　　有以下幾種方式可以給網站添加 Favicon- 在主題文件里面添加代碼，使用插件。更常見的是，在本地制作一個圖標然后上傳到空間以供使用。

　　應該怎樣創建一個屬于我自己的 Favicon

　　現在有很多在線生成 Favicon 的網站，你只需要上傳自己的圖片就可以了。例如：

　　Dynamic Drive – Favicon Generator

　　Favicon Generator

　　Favicon.cc

　　Favico

　　Favicon Generator & Gallery

　　最后一個網站有一個圖片庫，你可以看看別的網站的 Favicon 是怎樣的，然后可以給你一些靈感。Favicon 是一個長寬都是16像素的圖標，你只有256個像素的創作空間。所以你的 Favicon 不能夠太復雜，不然的話是識別不出來的。事實上，越簡潔越好，看看那些生成 Favicon 的網站自己的圖標，都是很簡單的。

　　不借助插件添加 Favicon

　　假設現在你已經做好了一個 Favicon，你應該怎樣把他放到你的網站上去呢。

　　實際上不借助插件也可以很簡單的把 Favicon 呈現給網站的訪客。網上很多教程都是叫你在 section 里面加入如下代碼：

<link rel="shortcut icon" href="http://www.domain.com/favicon.ico" type="image/x-icon" />
<link rel="icon” href="http://www.domain.com/favicon.ico" type="image/x-icon" />

　　但其實這樣有點多余，現在的瀏覽器會忽略“shortcut”條目，而用 “icon” 條目代替。所以你需要添加到 里面的其實只是第二行：

              <link rel="icon" href="http://www.favicon.co.uk/favicon.ico" type="image/x-icon" />

　　利用插件添加一個 “Favicon”

　　再次假設你已經做好了一個 Favicon，而你對代碼不是很熟悉，那么你還有別的辦法嗎?

　　其實你可以用插件來達到目的。

　　首先要確認你網站的主題是什么框架的，因為可能有對應的插件。就好像 Genesis framework 是有自己的插件 Genesis Favicon plugin 的。如果你的主題是 WooTheme, 那么主題已經包含了上傳 Favicon 功能的了。

　　如果你的主題框架不支持 Favicon 直接上傳也沒有相關插件的話，那么你可以去試試這個插件：All In One Favicon。安裝激活插件之后，去到設置界面，然后上傳你自己的 Favicon 或者是把網絡地址貼上去。保存之后刷新下網站應該就可以看到新的 Favicon 了(前提是你手動清除瀏覽器緩存或者是沒有設置緩存)。

　　使用插件來創建和添加 Favicon

　　如果上面提到的方法你還覺得有點麻煩的話，那么你可以考慮用插件 Favicon Generator plugin 來一步創建和添加。

　　當你把這個插件上傳到你的網站然后激活之后，你需要去把一下幾個目錄的權限改成777：

　　/wp-content/plugins/favicon-generator

　　/wp-content/plugins/favicon-generator/uploads

　　然后我們再回到 Favicon Generator 這個菜單上(安裝插件之后會出現在選項中)，你會看到如下圖所示的界面：

　　在這里，你可上傳一個或者多個圖像，然后轉換為 Favicon 以供使用。插件描述里你可以使用 JPG, JPEG, GIF, 和 PNG 文件，但是我試過并不能成功把 PNG 文件轉換為 Favicon 文件， JPG 倒是可以。另外，這需要在你的 PHP 應用里面配置 GD2 庫，如果你不確定的話去問下你的托管商。

　　這個插件的一個好處就是你可以周期性的更換你的 Favicon 圖標，如果你愿意這樣做的話。

　　隨機更換你的 Favicon 圖像

　　這樣做其實只是為了使你的網站更有趣或者是個人喜好。上面提到的周期性更換 Favicon 的插件只是在你需要更換的時候手動更換。如果你覺得你網站的品牌塑造可以隨著 Favicon 的改變而增強的話，或者你覺得這樣很酷。你就可以考慮下這個插件：Favicon Rotator。這個插件允許你一次性上傳多個 Favicon 然后隨機更換。不過我不會這樣做，我覺得這不是一個什么好點子

服務器租用/服務器托管中國五強！虛擬主機域名注冊頂級提供商！15年品質保障！--億恩科技[ENKJ.COM]