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

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

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

4、這樣 ico 圖標(biāo)就制作完成了如何讓 ICO 圖標(biāo)在網(wǎng)站上顯示先將轉(zhuǎn)換好的 ico 圖標(biāo)文件上傳到網(wǎng)站任意目錄，一般為根目錄以我的為例，我上傳到 bbs 目錄下，也就是說 ico 文件的路徑是 bbsfaviconico然后在需要顯示該圖標(biāo)的頁面模板頭部 與 之間插入以下代碼 如果你的模板是 XHTML；```5 對于Firefox瀏覽器，還可支持GIF動畫格式的Favicon，需先制作16x16像素的GIF動畫圖標(biāo)，并在HTML中加入相應(yīng)代碼```html ```6 如果使用的是XHTML規(guī)格的網(wǎng)站模板，請?jiān)?`` 標(biāo)簽最后的 `` 前加上 ``7 注意，若要在所有網(wǎng)頁中顯示自定義圖標(biāo)，需要在所有HTML模板中加入這段代碼，并；要在網(wǎng)頁上添加圖標(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 請確保替換“。

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

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