瀏覽器地址欄顯示網(wǎng)站logo小圖標(biāo)
編輯
分享
評(píng)論
贊0
很多人瀏覽某個(gè)網(wǎng)站的時(shí)候，都會(huì)看到一些網(wǎng)站用瀏覽器打開(kāi)后，瀏覽器地址欄顯示該網(wǎng)站的logo ，比如百度的腳印，網(wǎng)易的易字等等。收藏夾也顯示這個(gè)logo 圖標(biāo)，如何做到在地址欄顯示網(wǎng)站小圖標(biāo)呢？很簡(jiǎn)單。
這是因?yàn)樗麄冊(cè)诰W(wǎng)站根目錄下放了一個(gè)favicon.ico文件
如何制作Favicon.ico
制作Favicon.ico的方法相當(dāng)簡(jiǎn)單，首先，利用圖形工具（ps或者fireworks等等都行）創(chuàng)建大小為16×16或者32×32的反映網(wǎng)站主題的圖片。制作好后，使用icon.exe之類的小程序即可將圖片轉(zhuǎn)換為以Icon為后綴的文件，命名為favicon.ico。制作icon的軟件很多，到網(wǎng)上輸入：icon生成器就可以找到很多了。
然后把favicon.ico放到網(wǎng)站根目錄下即可。再次打開(kāi)網(wǎng)址，就可以看到瀏覽器出現(xiàn)網(wǎng)站圖標(biāo)了。
瀏覽器地址欄顯示網(wǎng)站logo小圖標(biāo)
總之，原理就是瀏覽器調(diào)用Favicon的原則是首先在網(wǎng)頁(yè)所在的目錄下尋找Favicon.ico文件，如果沒(méi)有，便到網(wǎng)站的根目錄下尋找。因此，在網(wǎng)頁(yè)中使用Favicon最簡(jiǎn)單的辦法便是將制作好的圖標(biāo)文件命名為Favicon.ico，然后將其上傳到網(wǎng)站的根目錄即可。
如果想在不同的頁(yè)面顯示不同的網(wǎng)站圖標(biāo)，也可以在其他頁(yè)面Html中的＜head＞部分加入如下的代碼：
程序代碼: <link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
<link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
猜你喜歡