一贩虾、什么是Favicon
你看上邊的兩張圖片，是瀏覽器中書簽的圖片和打開網(wǎng)頁時候標(biāo)簽頁標(biāo)題的小圖標(biāo)。
favicon寞宫，即FavoritesIcon的縮寫，可以讓瀏覽器的收藏夾或標(biāo)題中除顯示相應(yīng)的標(biāo)題外拉鹃，還以圖標(biāo)的方式區(qū)別不同的網(wǎng)站辈赋。是一個縮略的網(wǎng)站標(biāo)志ICO原本是windows中存儲單個圖案的一種圖標(biāo)文件格式，現(xiàn)可以用作軟件膏燕、文件夾以及網(wǎng)站等的縮略標(biāo)志钥屈，顯示在用戶的資源管理器，瀏覽器的地址欄坝辫、標(biāo)題欄和多頁面瀏覽器的標(biāo)簽欄上篷就。圖標(biāo)文件一般尺寸較小，常見的是1616,3232和4848近忙。圖標(biāo)是部分透明的竭业，可以直接打開瀏覽*
二智润、擁有一個Favicon圖標(biāo)
Favicon圖標(biāo)是后綴名為icon格式的圖片。
開發(fā)過程中Favicon圖標(biāo)一般由UI設(shè)計部門提供未辆。
但是如果我們自己想讓一張圖片作為Favicon圖標(biāo)怎么辦呢窟绷？以下兩個網(wǎng)址供你參考：
http://bitbug.net/
http://www.faviconico.org/
常用的Favicon.ico圖標(biāo)有3種16×16、32×32鼎姐、48×48钾麸。選取一個你需要的吧。
作為一個專業(yè)的業(yè)余畫家炕桨，我給自己做了一個圖標(biāo)饭尝，然后轉(zhuǎn)換成了ico。我就用這個圖標(biāo)嘗試吧献宫。
我制作的圖標(biāo)
三钥平、使用Favicon
1）項目上線使用方法：瀏覽器調(diào)用 favicon的原理是首先在網(wǎng)頁所在目錄尋找favicon.ico文件，如果沒有找到就去網(wǎng)站的根目錄尋找姊途。所以最簡單的方法就是將制作好的favicon文件命名為favicon.ico然后上傳到網(wǎng)站的根目錄下涉瘾。
2）我們自己本地項目測試使用方法：
自己測試可以使用：
<!DOCTYPE html>
<html lang="ch">
<head>
<meta charset="UTF-8">
<title>網(wǎng)站圖標(biāo)</title>
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<!--rel:代表規(guī)則引入的是icon圖標(biāo)-->
<!--herf：路徑地址-->
<!--type:引入類型是icon格式的image類型-->
</head>
<body>
</body>
</html>
看一下效果吧：
