場景：網(wǎng)站做好后，放在測試服務器，控制臺報錯，但頁面正常顯示

在這里插入圖片描述

在這里插入圖片描述

favicon.ico是什么？

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

favicon.ico是一個網(wǎng)站必要的嗎？

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

favicon.ico怎么設置？

第一種方式：放在根目錄

這種方法最簡單，在服務器根目錄下放一個 favicon.ico 的文件，瀏覽器發(fā)現(xiàn)后就會使用。

注：這種方式，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文件的名稱就可任意命名了。

第一種方法設置的是全站的，這個服務器根目錄下的所有網(wǎng)站都會生效，第二種方法可以針對某個網(wǎng)頁單獨設置ico。

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

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

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