1. 程式人生 > >將收藏夾圖標添加到您的站點(Favicon)

將收藏夾圖標添加到您的站點(Favicon)

mic 頁面 簡單的 查看 網站 顯示 完成 程序 dynamic

您是否曾在IE和Firefox等現代瀏覽器中將網站添加到收藏夾菜單中,並註意到列表中網站標題旁邊添加了一個網站自己的自定義圖標?此自定義圖標不是簡單的默認圖標,而是使該網站與列表中的其他網站脫穎而出。現在,當您再次查看該列表時,您最有可能點擊哪個站點?可能是帶有特殊圖標的那個!

如果您還沒有看過,可以訪問Dynamicdrive.com或Pageresource.com等網站,並將它們添加到您的收藏列表中。請註意收藏夾菜單中突然出現彩×××標的方式,以及如何將圖標添加到您輸入網站URL的“地址”區域。

那麽,你怎麽能做同樣的事情呢?所有實際需要的是您創建一個名為favicon.ico的文件,並將其放在存儲其他HTML文件的主網站目錄中。訣竅在於創建圖標文件。

首先,您可能希望獲得一個圖標創建工具來創建自己的收藏夾圖標。一個好的是 Microangelo。或者更簡單,有一個很酷的在線工具,可以讓你上傳任何圖像,並調整大小並將其轉換為favicon: Favicon生成器。
在創建Favicon時,您應該了解以下準則:

i)確保圖標的大小為16x16像素。這是瀏覽器期望的大小。

ii)確保僅使用16色調色板。同樣,它需要以這種方式正常工作。

在您創建了一個整潔的圖標後,是時候將它添加到您的網站了。為此,請按照以下簡單程序:

將生成的文件(“favicon.ico”)上傳到您的站點。通過在瀏覽器的位置鍵入http://mysite.com/favicon.ico來驗證它是否存在,其中“mysite.com”是您站點的地址。

接下來,將以下代碼插入頁面的HEAD部分,至少是您網站的主索引頁面:

<link rel =“快捷圖標”href =“/ favicon.ico”/>

而已!請註意,完成上述兩個步驟後,您的favicon可能不會立即顯示。事實上,它可能需要幾天時間,而在IE中,由於瀏覽器錯誤,有時候favicon會不時消失。

將收藏夾圖標添加到您的站點(Favicon)