如何給網站設置favicon.ico圖標

favicon.ico是什麼?

所謂favicon,即Favorites Icon的縮寫,顧名思義,便是其可以讓瀏覽器的收藏夾中除顯示相應的標題外,還以圖標的方式區別不同的網站。

favicon.ico是一個網站必要的嗎?

不是必要的,但是web服務器在網站加載時都會請求favicon.ico這個文件,如果不存在就會報404錯誤,並且會記錄到錯誤日誌中,所以最好的設置。

favicon.ico怎麼設置?

第一種方式:放在根目錄

這種方法最簡單,在服務器根目錄下放一個 favicon.ico 的文件,瀏覽器發現後就會使用。

注:這種方式,ico文件的名稱一定要叫:favicon

第二種方法:link標籤

在head裏面加入代碼:

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

注:這種方式,ico文件的名稱就可任意命名了。

第一種方法設置的是全站的,第二種方法可以針對某個網頁單獨設置ico

favicon的格式一定是ico格式嗎?

favicon的格式不一定是ico格式,它可以是pngjpg甚至是gif,不過ico格式是所有瀏覽器都支持的。

favicon.ico的尺寸有16×16、32×32、48×48,在添加到桌面、任務欄小尺寸的圖標就不是很理想了,這就需要多種尺寸兼容各種設備和情況。

favicon.icon文件怎麼製作?

簡單的方式就是在線製作,推薦網址:ico圖標在線製作: http://www.faviconico.org/

下一篇:webpack打包的單頁面項目如何設置favicon.icon文件

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章