加入
& ltLink rel= "快捷方式圖標" href= "圖標路徑" type="image/x-icon " >
您可以顯示任何圖標。
關於favicon.ico
在我們的網站建設中，需要打造貼合網站主題的個性化logo，這直接關系到網站的品牌能否成功塑造。這從某些角度來說還是屬於網站推廣的範疇，成功不僅包括好的頁面設計，令人印象深刻的網站Logo，還有favicon。
什麽是favicon？
Favicon，收藏夾圖標的縮寫，顧名思義就是可以讓瀏覽器的收藏夾顯示相應的標題，通過圖標來區分不同的網站。當然，這不僅僅是favicon的全部，根據不同的瀏覽器，favicon的顯示也是不同的:在大多數主流瀏覽器如FireFox、Internet Explorer (5.5版本5.5及以上)中，Favicon不僅顯示在收藏夾中，還同時出現在地址欄中，用戶可以將Favicon拖動到桌面上，創建網站的快捷方式；另外，選項卡式瀏覽器甚至還有很多擴展功能，比如FireFox，甚至還有支持動畫格式的favicon。
從具體的技術角度來說，favicon不僅讓網站給人更專業的觀感，還在壹定程度上減少了服務器的流量帶寬占用:壹般為了提高網站的可用性，我們會為自己的網站創建壹個自定義的404錯誤文件。在這種情況下，如果網站沒有相應的favicon.ico文件，每當用戶收藏壹個網站/網頁時，web服務器都會調用這個自定義的404文件，該文件會被下載到網站。這顯然應該避免。
如何制作Favicon.ico
Favicon.ico的制作方法相當簡單。首先利用圖形工具創建兩張反映網站主題的256色小圖:1，32×32像素，另壹張16 ×16像素。需要註意的是，調色板應該是“Windows默認調色板”，否則，圖形在最終的效果顯示中可能會出現與妳本意不同的顏色變化。
需要註意的是，在很多對Favicon.ico的描述中，常見的是要求圖片為16色，應該說是大大落伍了:在Windows 95等早期，16色的Favicon.ico可能是大多數情況下保證其正常使用的安全選擇，而現在，完全沒有這種限制，16。
至於在瀏覽器中使用16×16像素的圖片就夠了，為什麽還需要準備32×32像素的圖片呢？原因是如上所述，地址欄中也顯示了favicon，用戶可以將favicon拖動到桌面上建立網站的快捷方式，而桌面圖標應該以32×32顯示。如果妳的Favicon.ico沒有包含32像素的圖片，系統就只能使用默認的瀏覽器圖標來標記網站/網頁，比如Internet Explorer的藍色“e”就無法起到通過favicon.ico打造網站品牌的作用。
圖片制作完成後，可以使用Image2Ico等小程序將兩張圖片轉換成壹個圖標文件。它也可以通過壹個網站制作，在這個網站上可以在線制作Favicon。不過需要註意的是，這個網站要求圖片源文件格式為Pic。favicon.ico的地址可以在線制作:
/html-kit/services/favicon/
在網頁中使用Favicon.ico
瀏覽器調用Favicon的原理是先在網頁所在的目錄中尋找Favicon.ico文件，如果沒有，就在網站的根目錄中尋找。
所以在網頁中使用Favicon最簡單的方法就是將創建的圖標文件命名為Favicon.ico，然後上傳到網站的根目錄。
如果需要將Favicon.ico放在其他目錄下，或者想讓不同的網頁顯示不同的Favicon，需要在網頁Html文件中設置，具體設置非常簡單。在Html的< < head > >部分添加以下代碼:
程序代碼:
& ltlink rel= "快捷方式圖標" href = "/dir/favicon . ico " MCE _ href = "/dir/favicon . ico " type = " image/x-icon " & gt；
火狐還支持GIF動畫格式的Favicon，使用方法如下:
首先制作壹個16*16的gif動畫，然後在html代碼中
程序代碼
& ltlink rel = " icon " href = " animated _ favicon . gif " type = " image/gif " & gt；