如何在地址欄(title標簽裏)和收藏夾裏 加上網站的標誌ICO、LOGO圖片
第一步:首先你必須要制作一個看起來既清楚又容易辨識的.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圖片