製作瀏覽器地址欄&收藏夾裏的小圖標

製作瀏覽器地址欄&收藏夾裏的小圖標

如果您使用的 WEB 瀏覽器是 IE5 或以上版本，那麼當您將某些網站（如：網易、Yahoo等等）加入到“收藏夾”後，您是否注意到在這些網站標題的旁邊還有一個獨具個性的圖標呢？這就是“收藏夾圖標”（F avorites Icon）。就拿“網易”來說,在標題“Welcome to netease !” 的左邊，IE5 默認的圖標被換成了一個紅色的變體中文“易”字。非但如此，如果您正在瀏覽“網易”，這時 IE5 的地址欄中的圖標也同樣是一個紅色的“易”字。也正是因爲這些個性化的圖標使得他們在您的“收藏夾”衆多的白底藍 e 中顯得格外的醒目。

您是不是也希望爲您的網站加上一個體現您的主頁的風格和個性的圖標呢？其實要實現這一目的非常簡單。

第一步，準備一個圖標製作軟件。

首先您必須瞭解所謂的圖標（Icon）是一種特殊的圖形文件格式，它是以 .ico 作爲擴展名。普通的圖像設計軟件無法使用這種格式，所以您需要到一個軟件下載站點去下載一個圖標製作軟件。您也可以訪問http://www.favicon.com/，這裏提供一個免費的在線“收藏夾”圖標生成器，如果您 E 文夠好的話，在這裏您還可以瞭解到更多的關於“收藏夾”圖標的知識。

第二步，確定“收藏夾”圖標的規格。

“收藏夾”圖標有着它特有的規格：圖標的大小爲 16 * 16（以像素爲單位）；所使用的顏色不得超過 16 色。 (爲了清晰)

第三步，設計一個屬於您自己的圖標。

您可以將您的網站的 LOGO 做成一個縮圖或者另外設計一個別具特色的圖案來作爲“收藏夾”圖標。總之，它一定要是屬於您自己的，並且能很好的代表您的網站的風格和個性。然後將這個圖標文件命名爲：f avicon.ico。

最後，將這個圖標文件（favicon.ico）上傳到您的網站所在的服務器的根目錄下。您不需要對您的網頁文件作任何的修改，IE5 會自動的不停的搜索您的網站的根目錄，只要它一發現了 favicon.ico 這個文件，就會將該圖標顯示在訪問者的地址欄和收藏夾列表中了。

如果您希望爲不同的頁面設置不同的“收藏夾”圖標，那麼您就需要在該網頁文件的 HEAD 部分加入下面的內容:

<linkrel="bookmark"href="favicon.ico">

注意：該圖標的路徑一定要使用絕對路徑。

還有一點需要說明的是：有些 Web 站點的主機服務器（如：Geocities ）不支持圖標文件格式，這時您就需要與管理員聯繫，要求他開通圖標文件格式的支持。

馬上行動，讓您的網站也擁有一個“收藏夾”圖標吧!

另注：linux下的favicon.ico屬性爲-rw-r--r--

製作圖標軟件名爲：ＭｉｃｒｏＡｎｇｅｌｏ