自定义IE地址栏图标
至少有以下兩種方法可以自定義IE地址欄圖標。
方法一:
?? 直接在站點根目錄下放入名為:favicon.ico 的圖標文件就行了(必須要為 ICO 文件,BMP 及其他格式的圖片文件不行)。并且我已經測試過如用這種方法的話,其實在站點根目錄放入的 ICO 文件不一定必須命名為:favicon.ico,將 favicon.ico 中的 favicon 命名為你網站域名的名稱同樣可行,例如你網站的域名為:blueidea.com,你可以將該 ICO 文件命名為:blueidea.ico (注意 ICO 文件的文件名只能是域名的名稱:blueidea,而不是域名:blueidea.com,即不要將域名中的 .com 后綴也加進去);
實際上并不需要兩個同時使用,有了 blueidea.ico 就可以不用 favicon.ico,有其中一個即可,這一點我已經在我的網站上測試過了。
方法二:
?? 在網頁的 <head>...</head> 區加入代碼:<link rel="Shortcut Icon" href="favicon.ico" />,如果用這一種方法的話,其中 ICO 文件的文件名就不一定要用 favicon.ico 了,可以用任意的名字來命名,如:qwwqqwwq.ico,你甚至可以使每一個目錄下的每一個網頁文件的IE地址欄圖標都不同,但前提是必須做到圖標文 件的鏈接地址要正確。另外,在 <head>...</head> 區加入代碼:<link rel="Bookmark" href="favicon.ico" />,就可以在收藏夾中你網頁鏈接前顯示出你自定義的圖標。
?
?
?
?
---------------------------------------------------------------------------
?
?
在線制作網站地址欄圖標方法和地址:經常在別人的博客上看到地址欄里的漂亮個人圖標,尤其是悠遠的駝鈴的圖標很不錯,就去 向他請教了下,想不到熱心的大大特意從google里查找了詳細的方法給我,在這里先向駝鈴大大表示感謝,駝鈴大大的網站里的文章都是很有特色的,適合在 雜志上發表,歡迎大家去看看。
說了半天,先把駝鈴說的制作圖標的方法記下來,由于制作地址欄圖標需要特定的軟件,再提供一些我找到的可以在線制作圖標的地址,方便和我一樣的朋友查找使用。
第一步,準備一個圖標制作軟件。
首先您必須了解所謂的圖標(Icon)是一種特殊的圖形文件格式,它是以 .ico 作為擴展名。普通的圖像設計軟件無法使用這種格式,所以您需要到一個軟件下載站點去下載一個圖標制作軟件。您也可以訪問 http://www.favicon.com/ ,這里提供一個免費的在線“收藏夾”圖標生成器,如果您 E 文夠好的話,在這里您還可以了解到更多的關于“收藏夾”圖標的知識。
第二步,確定“收藏夾”圖標的規格。
“收藏夾”圖標有著它特有的規格:圖標的大小為 16 * 16(以像素為單位);所使用的顏色不得超過 16 色。 (為了清晰)
第三步,設計一個屬于您自己的圖標。
您可以將您的網站的 LOGO 做成一個縮圖或者另外設計一個別具特色的圖案來作為“收藏夾”圖標。總之,它一定要是屬于您自己的,并且能很好的代表您的網站的風格和個性。然后將這個圖標文件命名為:f avicon.ico。
最后,將這個圖標文件(favicon.ico)上傳到您的網站所在的服務器的根目錄下。您不需要對您的網頁文件作任何的修改,IE5 會自動的不停的搜索您的網站的根目錄,只要它一發現了 favicon.ico 這個文件,就會將該圖標顯示在訪問者的地址欄和收藏夾列表中了。
如果您希望為不同的頁面設置不同的“收藏夾”圖標,那么您就需要在該網頁文件的 HEAD 部分加入下面的內容:
注意:該圖標的路徑一定要使用絕對路徑。
還有一點需要說明的是:有些 Web 站點的主機服務器(如:Geocities )不支持圖標文件格式,這時您就需要與管理員聯系,要求他開通圖標文件格式的支持。
悠遠的駝鈴原文地址:http://www.tolin.cn/post/folde-bike.html
在線制作圖標地址:
地址1:http://www.chami.com/html-kit/services/favicon/
地址1:http://www.chami.com/html-kit/services/
有6個在線工具,打開速度可以,生成速度有點慢。
FavIcon from Pics //這個就是在線生成favicon.ico圖標了,提交任何一個圖片,它會給你生成一個ICO文件,并打包下載
Favicon Validator //favicon驗證
Buddy Icon from Pics //把圖片轉換成ICO格式,還可制作PNG格式的背景圖片
Image Embellisher //制作特殊效果的圖片,比如立方體,Windows徽標那樣的波浪
Online Image Splitter //切割圖片
收藏夾圖標生成器2:http://www.html-kit.com/e/favicon.cgi
打開速度稍慢點,生成速度可以。Source Image是提交圖片,Scrolling Text (optional) 是提交文字,你可以直接提交一個做好的圖片,不用填文字,點下面的按鈕就可以生成ico的圖標,還有可以看到預覽,點旁邊的download下載下來就可 以了。
附錄:blog標簽圖片80×15 或 80×31在線制作,也不錯的。
http://button.blogflux.com/
?
?
?
?
其實制作ICO圖標很簡單,主要是很少軟件支持ICO格式,關鍵是將JPG或GIF轉為ICO格式,網上下載的可以轉ICO格式的軟件全是收費的,沒有一個可以完全免費使用的,下面的方法可以不用花錢一樣可以做成自己的ICO圖標。1:先用畫圖軟件最好是FireWorks或Photoshop做一個16*16的圖標,存為gif格式;
2:到這個網站轉化為ico文件:http://www.chami.com/html-kit/services/favicon
3:上傳到網站的根目錄下就完成了。
現在把你的網站加入收藏夾再重新打開看看,就是這樣簡單!
如果沒有顯示,可以在網頁的head里加入下面的代碼:
<link rel="shortcut icon" href="favicon.ico">
技巧:制作16X16的圖片千萬不要先做大圖再改變分辨率,這樣做不出清晰的圖標的,就當是用16乘16的=256個小方塊拼一個圖標出來,在 Photoshop里也可以實現.我見過有在16X16的格里拼出一個熊貓的,還是全身的.這就要高度概括的能力了。
總結
以上是生活随笔為你收集整理的自定义IE地址栏图标的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 一个平凡程序员的五年感悟:没有足够的付出
- 下一篇: 小区门禁卡可以复制到手机上吗_手机NFC