Favicon.ico瀏覽器圖標文件制作和正確使用——墨澀網(wǎng)
favicon圖標介紹
墨澀網(wǎng)favicon圖標

如何使用Favicon.ico?
1. 將成功生成的圖標文件下載并改名為favico.ico,上傳到網(wǎng)站根目錄。
2. 在網(wǎng)站首頁的源文件 head 之間插入下面的代碼:
<link rel="shortcut icon" href="/favicon.ico"/> <link rel="bookmark" href="/favicon.ico"/>
制作ico圖標
一:手動制作
.可以手動用ps等軟件制作尺寸為6*16,32*32和48*48像素的png格式圖片,然后再用格式工廠等軟件轉(zhuǎn)換圖片格式為ico格式。
二:在線制作
我們也可以在線制作,推薦兩個在線制作的網(wǎng)站。
http://www.bitbug.net/
http://www.faviconico.org/
操作很簡單,上傳自己喜歡的圖片點擊制作即可,完成后下載即可使用。
如何創(chuàng)建動態(tài)ico圖標
先把做好的gif動態(tài)圖標命名為favicon.gif,然后再 head 之間加上:
<link rel="icon" href="/favicon.gif" type="image/gif" />
注意
強烈推薦使用.ico而不是使用png或者gif
1. 最重要的就是,所有的瀏覽器,包括IE5,都支持ico文件,gif、png等都沒有ico支持范圍廣
2. 如果有favicon.ico,服務(wù)器的404錯誤會有友好返回,我們測試了所有現(xiàn)代瀏覽器(測試了 Chrome 4, Firefox 3.5【火狐】, IE8, Opera 10 and Safari 4),發(fā)現(xiàn)他們都會請求favicon.ico,這樣錯誤頁就會有對應(yīng)圖標顯示,所以最好用ico!
3. 一個.ico文件可以同時滿足多個尺寸的需求,不需要每個尺寸單獨生成一個文件。
版權(quán)聲明:本文采用知識共享 署名4.0國際許可協(xié)議BY-NC-SA 進行授權(quán)
文章作者:<墨澀>
文章鏈接:
免責聲明:本站為資源分享站,所有資源信息均來自網(wǎng)絡(luò),您必須在下載后的24個小時之內(nèi)從您的電腦中徹底刪除上述內(nèi)容;版權(quán)爭議與本站無關(guān),所有資源僅供學(xué)習(xí)參考研究目的,如果您訪問和下載此文件,表示您同意只將此文件用于參考、學(xué)習(xí)而非其他用途,否則一切后果請您自行承擔,如果您喜歡該程序,請支持正版軟件,購買注冊,得到更好的正版服務(wù)。
本站為非盈利性站點,并不販賣軟件,不存在任何商業(yè)目的及用途,網(wǎng)站會員捐贈是您喜歡本站而產(chǎn)生的贊助支持行為,僅為維持服務(wù)器的開支與維護,全憑自愿無任何強求。