網(wǎng)站美化：給你的網(wǎng)站添加一個好看的Favicon

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

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

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

　　應(yīng)該怎樣創(chuàng)建一個屬于我自己的 Favicon

　　現(xiàn)在有很多在線生成 Favicon 的網(wǎng)站，你只需要上傳自己的圖片就可以了。例如：

　　Dynamic Drive – Favicon Generator

　　Favicon Generator

　　Favicon.cc

　　Favico

　　Favicon Generator & Gallery

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

　　不借助插件添加 Favicon

　　假設(shè)現(xiàn)在你已經(jīng)做好了一個 Favicon，你應(yīng)該怎樣把他放到你的網(wǎng)站上去呢。

　　實際上不借助插件也可以很簡單的把 Favicon 呈現(xiàn)給網(wǎng)站的訪客。網(wǎng)上很多教程都是叫你在 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" />

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

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

　　利用插件添加一個 “Favicon”

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

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

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

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

　　使用插件來創(chuàng)建和添加 Favicon

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

　　當(dāng)你把這個插件上傳到你的網(wǎng)站然后激活之后，你需要去把一下幾個目錄的權(quán)限改成777：

　　/wp-content/plugins/favicon-generator

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

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

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

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

　　隨機更換你的 Favicon 圖像

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

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