1. 程式人生 > >如何在地址欄(title標簽裏)和收藏夾裏 加上網站的標誌ICO、LOGO圖片

如何在地址欄(title標簽裏)和收藏夾裏 加上網站的標誌ICO、LOGO圖片

-i 大小 而且 https href 小工具 自己的 文件的 不顯示

第一步:首先你必須要制作一個看起來既清楚又容易辨識的.ico格式的小圖片。

我們將圖標的大小定義為16x16 像素。此外在制作圖形文件的時候,你可能需要把色盤設定成只使用標準的 16 色 Windows 色盤,這樣做出來的圖形才會在各種配置的機器上看起來都是一樣的。記得文件名是固定的,要叫做“favicon.ico”。這個http://www.bitbug.net/網頁裏有最快捷的制作favicon.ico的方法。

第二步:把制作好的 favicon.ico 文件上傳到你的網站根目錄去。

例如你的網址是:http://www.baidu.com那麽你的 favicion.ico 就應該被放在下面這個URL下http://www.baidu.com/favicion.ico
每當有網友要把你的網站“加入收藏”的時候,IE 瀏覽器便會到你的網站根目錄去尋找看看有沒有favicon.ico這個文件,如果有的話,這個文件就會被用來當作書簽上面的圖示了(意思就是說:只要把favicon.ico 圖標文件放入網站根目錄就行,什麽代碼都不寫就可以了就可以實現在收藏夾添加圖標,但經過測試並不會起作用,不寫代碼怎麽可能實現呢,嗯 想想也是!,那我們繼續往下看!)。但是如果你沒辦法把文件上傳到上面所說的根目錄怎麽辦?沒關系,你可以在網頁源碼的 <head>標簽裏區裏面加上下面的設定:

<head>
<link rel="shortcut icon" href="http://www.baidu.com/favicon.ico">
<title>在我前面加圖標</title>
</head>

記得要把上面的http://www.baidu.com/favicon.ico代換成你自己的 URL(也可以改成相對地址或絕對地址) 。使用這個做法的話,就不一定要把圖形文件放在網站的根目錄下面了,你可以放在任何位置,甚至直接連結到其他網站上面的圖形文件也可以,而且圖形文件的文件名也不一定要叫做 favicon.ico,可以自己隨便取。不過要註意的是使用這個做法的話,只有在網友把 加入上面 HTML 代碼 的頁面 加入書簽的時候才會有作用。

大功告成!只要有網友將你的網站加入收藏夾中,你的 logo 就會出現在收藏夾目錄裏面了。不過有一點請記住:你的 logo 在網友還沒將你的網站加入書簽以前是不會被看見的,而且有些免費網頁空間並不支持 ico 圖形格式。

如果你favicion.ico已經傳到你網站空間的根目錄下了,依然不顯示的話,那你就關閉瀏覽器,重新打開空白的瀏覽器,找到瀏覽器的“工具”,然後“刪除瀏覽的歷史記錄......”,再打開你的網站(頁),就可以了。我試過了,可以的!

<link href="kei.ico" rel="shortcut icon">

(請將kei.ico改為你對應的圖片名稱)

這段代碼是將ie地址欄前的圖標換成自己的icon;

<link href="kei.ico" rel="bookmark"> 

(請將kei.ico改為你對應的圖片名稱)
是將收藏夾中圖標換掉。

或者:

<link rel="icon" href="/favicon.ico" type="image/x-icon" />

(可修改對應的.ICO名稱)

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

(可修改對應的.ICO名稱)

這是我在百度的測試效果:

技術分享

最後附上:

ico在線轉換小工具一

ico在線轉換小工具二

聲明:此文章含有轉載內容,原作者未找到,所以不附原作者地址了,如有侵權24小時內刪除,聯系QQ:1522025433。

如何在地址欄(title標簽裏)和收藏夾裏 加上網站的標誌ICO、LOGO圖片