版權聲明：本文為博主原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接和本聲明。
</div>
<!--一個博主專欄付費入口-->
<!--一個博主專欄付費入口結束-->
<link href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-4a3473df85.css" rel="stylesheet">
<div class="markdown_views prism-atom-one-dark" id="content_views">
<!-- flowchart 箭頭圖標 勿刪 -->
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<path id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);" stroke-linecap="round" d="M 5 0 L 0 2.5 L 5 5 Z" />
</svg>
<h4><a id="faviconico_1"></a>favicon.ico是什么？</h4>
所謂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">
- 1
- 2
- 3
- 4
- 5
注：這種方式，ico文件的名稱就可任意命名了。
第一種方法設置的是全站的，第二種方法可以針對某個網頁單獨設置ico。
favicon的格式一定是ico格式嗎？
favicon的格式不一定是ico格式，它可以是png，jpg甚至是gif，不過ico格式是所有瀏覽器都支持的。
favicon.ico的尺寸有16×16、32×32、48×48，在添加到桌面、任務欄小尺寸的圖標就不是很理想了，這就需要多種尺寸兼容各種設備和情況。
favicon.icon文件怎么制作？
簡單的方式就是在線制作，推薦網址：ico圖標在線制作： http://www.faviconico.org/