更新時(shí)間：2015-09-28
如果你是一個(gè)網(wǎng)站建設(shè)初學(xué)者，或許對(duì)于favicon的使用還并不是很熟悉。
所謂favicon，就是指某個(gè)網(wǎng)站在瀏覽器標(biāo)簽欄處顯示的圖標(biāo)，它可以是你網(wǎng)站的logo，也可以是其他任何符合要求的圖片，在這里我們簡(jiǎn)單講解一下如何在你的網(wǎng)站中引入自定義favicon。
制作屬于自己的favicon
要想制作favicon，首先要有符合需求的圖片，這個(gè)圖片可以是你的logo，或者是其他你想要生成favicon的圖片。
它的尺寸比例最好是1：1，這樣在生成favicon之后也會(huì)有不錯(cuò)的顯示效果。
有了這個(gè)圖片之后，就可以通過(guò)ps等軟件制作屬于自己的favicon了，尺寸可以是16x16或者32x32。
如果你不會(huì)使用ps，那么可以用一些轉(zhuǎn)化favicon的網(wǎng)站來(lái)制作。
網(wǎng)站制作favicon指導(dǎo)
我們以國(guó)外的網(wǎng)站http://www.favicon.cc/為例。
打開(kāi)網(wǎng)站以后，點(diǎn)擊左側(cè)"import image"，選擇"Keep dimensions"，由于我們?cè)揪褪堑缺壤龍D片，所以這兩個(gè)選項(xiàng)沒(méi)有區(qū)別。
Upload 你的本地圖片，然后點(diǎn)擊download下載即可。
在網(wǎng)站中引入favicon
制作好favicon以后，應(yīng)該如何引入呢？
如果你采用的是模塊化網(wǎng)站開(kāi)發(fā)，那么就要在共有頁(yè)頭元素的head中加入標(biāo)簽，如果是靜態(tài)化頁(yè)面，則每個(gè)頁(yè)面都要添加該標(biāo)簽。
具體添加標(biāo)簽代碼<link rel="icon" type="image/x-icon" href="/favicon.ico">。
然后將favicon放入根目錄即可。
怎么樣，是不是很簡(jiǎn)單？趕緊來(lái)自定義你網(wǎng)站的favicon吧！
