1、要預(yù)先制作一個(gè)圖標(biāo)文件，大小為16*16像素文件擴(kuò)展名為ico，然后上傳到相應(yīng)目錄中在源文件“”之間添加如下代碼ltLink Rel=\quotICON NAME\quot href=\quot；為了制作一個(gè)ico格式的小圖標(biāo)，你需要確保圖標(biāo)文件的尺寸為32x32像素，因?yàn)檫@是瀏覽器識(shí)別的標(biāo)準(zhǔn)尺寸接著，你可以在網(wǎng)頁(yè)的標(biāo)簽內(nèi)添加以下代碼，確保href屬性中的地址是你存放ico圖標(biāo)文件的確切位置例如 這行代碼會(huì)告訴瀏覽器從指定的路徑加載ico文件完成代碼插入后，你需要將修改后的HTML文件上傳至；要在網(wǎng)頁(yè)中使用Favicon，一種簡(jiǎn)單的方法是將制作好的圖標(biāo)文件命名為Faviconico，并上傳至網(wǎng)站根目錄如果希望將Favicon放置在其他目錄或讓不同網(wǎng)頁(yè)顯示不同的圖標(biāo)，需要在網(wǎng)頁(yè)的HTML文件中進(jìn)行相應(yīng)設(shè)置這可以通過(guò)在HTML頭部區(qū)域添加如下代碼實(shí)現(xiàn)```html ```若要在Firefox中使用GIF動(dòng)畫格式的Favicon；1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的標(biāo)簽中，輸入html代碼其中iconpng是放大鏡圖標(biāo) 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)輸入框右邊添加了放大鏡。

2、設(shè)置這個(gè)需要PHOTOSHOPFLASHFXP記事本來(lái)制作一個(gè)ico格式的小圖標(biāo) 1 使用PHOTOSHOP制作一個(gè)寬高均為32像素的小圖標(biāo)，制作完成后存儲(chǔ)為ico格式的即可2 使用FLASHFXP下載網(wǎng)頁(yè)到本地，并備份一份以防萬(wàn)一，使用記事本打開(kāi)網(wǎng)頁(yè)的源代碼3 找到網(wǎng)頁(yè)源代碼的head部分，并在head部分插入下面這句代碼，注意；打開(kāi)網(wǎng)站的HTML或ASP文件，找到標(biāo)簽在標(biāo)簽內(nèi)添加以下代碼保存并上傳修改后的文件三查看效果 刷新網(wǎng)頁(yè)或使用瀏覽器訪問(wèn)該網(wǎng)站，此時(shí)在地址欄上應(yīng)該可以看到顯示的小圖標(biāo)請(qǐng)注意，以上步驟是針對(duì)網(wǎng)站faviconico圖標(biāo)的設(shè)置方法在WinXP系統(tǒng)中，瀏覽器地址欄的小圖標(biāo)通常是由訪問(wèn)的網(wǎng)站決定的，而非；接下來(lái)，將生成的faviconico文件上傳到你的網(wǎng)站根目錄下這時(shí)，如果將你的網(wǎng)站加入收藏夾并重新打開(kāi)，你會(huì)發(fā)現(xiàn)網(wǎng)站已經(jīng)顯示了這個(gè)新圖標(biāo)當(dāng)然，如果圖標(biāo)沒(méi)有自動(dòng)顯示，你可以在網(wǎng)頁(yè)的head部分添加如下代碼值得注意的是，制作16*16的圖標(biāo)時(shí)，不要先制作大圖再進(jìn)行縮小處理，這樣容易導(dǎo)致圖標(biāo)模糊不清。

3、完成圖標(biāo)制作后，可以使用Image2Ico工具將它們合并成一個(gè)Icon文件在網(wǎng)頁(yè)中應(yīng)用Faviconico，瀏覽器會(huì)首先在當(dāng)前網(wǎng)頁(yè)目錄下查找，如果沒(méi)有，會(huì)擴(kuò)展到網(wǎng)站根目錄最簡(jiǎn)單的做法是將Faviconico文件命名為所需，上傳至根目錄，如需指定其他路徑或不同網(wǎng)頁(yè)使用不同圖標(biāo)，需在HTML的部分添加如下代碼對(duì)于Firefox；網(wǎng)頁(yè)開(kāi)發(fā)中，經(jīng)常會(huì)用到一些小圖標(biāo)，比如一些箭頭之類的，圓形圖標(biāo)也是經(jīng)常用到的，很多時(shí)候這些圖標(biāo)都是直接使用圖片來(lái)處理我們這里介紹一下用css來(lái)制作圓形圖標(biāo)，而不是用圖片下面一起看下首先看下我們的html代碼，很簡(jiǎn)單，就是一個(gè)div，用這個(gè)div來(lái)呈現(xiàn)一個(gè)圓， div class=#34css_yuan#；在網(wǎng)頁(yè)中使用Favicon最簡(jiǎn)單的辦法便是將制作好的圖標(biāo)文件命名為Faviconico，然后將其上傳到網(wǎng)站的根目錄即可如果您需要將Faviconico放到其他目錄下，或者希望讓不同的網(wǎng)頁(yè)顯示不同的Favicon，就需要在網(wǎng)頁(yè)Html文件中做設(shè)定了，具體設(shè)置也很簡(jiǎn)單，在Html中的lthead部分加入如下的代碼 程序代碼 ltlink rel。

4、這樣 ico 圖標(biāo)就制作完成了如何讓 ICO 圖標(biāo)在網(wǎng)站上顯示先將轉(zhuǎn)換好的 ico 圖標(biāo)文件上傳到網(wǎng)站任意目錄，一般為根目錄以我的為例，我上傳到 bbs 目錄下，也就是說(shuō) ico 文件的路徑是 bbsfaviconico然后在需要顯示該圖標(biāo)的頁(yè)面模板頭部 與 之間插入以下代碼 如果你的模板是 XHTML；```5 對(duì)于Firefox瀏覽器，還可支持GIF動(dòng)畫格式的Favicon，需先制作16x16像素的GIF動(dòng)畫圖標(biāo)，并在HTML中加入相應(yīng)代碼```html ```6 如果使用的是XHTML規(guī)格的網(wǎng)站模板，請(qǐng)?jiān)?`` 標(biāo)簽最后的 `` 前加上 ``7 注意，若要在所有網(wǎng)頁(yè)中顯示自定義圖標(biāo)，需要在所有HTML模板中加入這段代碼，并；要在網(wǎng)頁(yè)上添加圖標(biāo)，首先需要將以下代碼加入到你的網(wǎng)站源代碼的HEAD部分具體的HTML代碼如下ltlink rel=quoticonquot href=quot路徑到你的圖標(biāo)jpgquot type=quotimagexiconquot 或者使用ltlink rel=quotshortcut iconquot href=quot路徑到你的圖標(biāo)pngquot type=quotimagepngquot 請(qǐng)確保替換“。

5、在網(wǎng)頁(yè)中使用Favicon最簡(jiǎn)單的辦法便是將制作好的圖標(biāo)文件命名為Faviconico，然后將其上傳到網(wǎng)站的根目錄即可如果您需要將Faviconico放到其他目錄下，或者希望讓不同的網(wǎng)頁(yè)顯示不同的Favicon，就需要在網(wǎng)頁(yè)Html文件中做設(shè)定了，具體設(shè)置也很簡(jiǎn)單，在Html中的部分加入如下的代碼 程序代碼 Firefox還；網(wǎng)站上的logo實(shí)際上是一個(gè)“faviconico”圖片實(shí)現(xiàn)步驟第一步制作faviconico，大小為16*16毫米第二步將“faviconico”放到項(xiàng)目的根路徑下第三步在所有html頁(yè)面head中添加如下代碼收藏用logo圖標(biāo) 網(wǎng)站顯示頁(yè)logo圖標(biāo) 第四步直接打開(kāi)html頁(yè)面，打開(kāi)方式為常用的瀏覽器即可；要使瀏覽器在顯示網(wǎng)頁(yè)時(shí)前面帶有自定義的小圖標(biāo)，首先需要準(zhǔn)備一張擴(kuò)展名為ico的圖標(biāo)文件，暫且命名為faviconico接下來(lái)，在需要添加圖標(biāo)的網(wǎng)頁(yè)頭部代碼中，加入以下兩行代碼 這兩行代碼能夠告知瀏覽器使用該ico文件作為當(dāng)前頁(yè)面的圖標(biāo)如果要鏈接到其他網(wǎng)站的圖標(biāo)，只需修改href屬性的路徑即可。

6、或者用favicon表示規(guī)格有32×3248×4864×64128×128，直接用PS做一個(gè)圖片，命名為faviconico，然后用FTP軟件上傳到網(wǎng)站根目錄替換原來(lái)的文件即可，如果不想用FTP軟件，也可以在網(wǎng)站的后臺(tái)進(jìn)行更換Favicon是favorites icon的縮寫，亦被稱為website icon網(wǎng)頁(yè)圖標(biāo)page icon頁(yè)面圖標(biāo)或。