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

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

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

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

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

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