favicon是什么 Favicon.ico使用方法
使用了favicon圖標后你的王贊在瀏覽器打開標題前是這樣的:看著顯眼一點
favicon很多網友都比較陌生,而一些站長朋友則比較熟悉,本文主要簡單科普下favicon是什么以及Favicon.ico使用方法,作為小知識收藏,以備今后查閱。
favicon.ico圖標
favicon是什么?
favicon,即Favorites Icon的縮寫,Favicon是favorites icon的縮寫,亦被稱為website icon(網頁圖標)、page icon(頁面圖標)或urlicon(URL圖標)。
顧名思義,favicon便是其可以讓瀏覽器的收藏夾中除顯示相應的標題外,還以圖標的方式區別不同的網站。當然,這不僅僅是Favicon的全部,根據瀏覽器的不同,Favicon顯示也有所區別:
在大多數主流瀏覽器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不僅在收藏夾中顯示,還會同時出現在地址欄上,這時用戶可以拖曳favicon到桌面以建立到網站的快捷方式;
除此之外,標簽式瀏覽器甚至還有不少擴展的功能,如FireFox甚至支持動畫格式的favicon等。
ICO原本是windows中存儲單個圖案的一種圖標文件格式,現可以用作軟件、文件夾以及網站等的縮略標志,顯示在用戶的資源管理器,瀏覽器的地址欄、標題欄和多頁面瀏覽器的標簽欄上。圖標文件一般尺寸較小,常見的是16*16,32*32和48*48。圖標是部分透明的,可以直接打開瀏覽。
Favicon.ico使用方法
1. 將成功生成的圖標文件下載并改名為favico.ico,上傳到網站根目錄。
2. 在網站首頁的模板源文件 head 之間插入下面的代碼:
<link rel="shortcut icon" href="/favicon.ico"/>
<link rel="bookmark" href="/favicon.ico"/>
如何創建動態ico圖標?
先把做好的gif動態圖標命名為favicon.gif,然后再 head 之間加上:
<link rel="icon" href="/favicon.gif" type="image/gif" />
強烈推薦使用.ico而不是使用png或者gif
-
最重要的就是,所有的瀏覽器,包括IE5,都支持ico文件,gif、png等都沒有ico支持范圍廣。
-
如果有favicon.ico,服務器的404錯誤會有友好返回,我們測試了所有現代瀏覽器(測試了 Chrome 4, Firefox 3.5【火狐】, IE8, Opera 10 and Safari 4),發現他們都會請求favicon.ico,這樣錯誤頁就會有對應圖標顯示,所以最好用ico!
-
一個.ico文件可以同時滿足多個尺寸的需求,不需要每個尺寸單獨生成一個文件。
favicon.ico在線制作
favicon.ico一般用于作為縮略的網站標志,它顯示在瀏覽器的地址欄、瀏覽器標簽上或者在收藏夾上,是展示網站個性的縮略logo標志,也可以說是網站頭像,目前主要的瀏覽器都支持favicon.ico圖標,如果要讓網站看起來更專業、更美、更有個性,favicon.ico是必不可少的。網上有不少,favicon.ico在線制作工具,只要在度娘上搜索下,即可找到。
- 上一篇
5G網這么快的話,5G普及后有可能將WiFi淘汰嗎?
5G時代到來,其網速可以媲美千兆光纖路由器,并且可以隨時隨地,高速無線網絡,WiFi會不會被淘汰呢?下面小編聊聊個人的看法。首先,從使用場景來看,目前WiFi主要用于室內環境,而5G則是一種廣域網技術,它在室外的應用場景更多。短
- 下一篇
什么是快充?快充對iPhone電池有傷害嗎?
無論是普通充電,還是快充,充電狀態下,對電池都造成一點的損害,只不過這種損害微乎其微,需要長達一年甚至更長時間,才會在手機上表現出來。目前絕大部分的提供快充方案的公司都沒有從電池角度給出其對電池壽命的影響,但國家標準下電池充放電 500 次后電池容量在 80% 以上都為合格,在一年之內對使用影響不大。