2.確定圖標的規格:規格為16x16，使用的顏色最好不要超過16(為清晰起見)。您可以在*中找到圖標。ico格式，打開這些圖標就知道格式了。
3.設計壹個妳自己的圖標:妳可以制作壹個網站標誌的縮略圖，或者設計壹個獨特的圖案作為圖標。然後將這個圖標文件命名為favicon.ico
最後，只需將這個圖標文件(favicon.ico)上傳到妳的網站所在服務器的根目錄下即可。(也就是妳的主頁index.html所在的文件夾)，IE會自動搜索網站的根目錄，不會對網頁文件做任何修改。壹旦找到favicon.ico文件，它將在地址欄和訪問者收藏夾列表中顯示該圖標。
網站個性標誌Favicon的使用
嚴格來說，favicon的話題與SEO技術無關，與Web服務器技術的討論也沒有太大關系。但是在我們的網站建設中，需要打造壹個貼合網站主題的個性化logo，這直接關系到網站能否成功品牌化。這從某些角度來說還是屬於網站推廣的範疇，成功不僅包括好的頁面設計，令人印象深刻的網站Logo，還有favicon。
什麽是favicon？
Favicon，收藏夾圖標的縮寫，顧名思義就是可以讓瀏覽器的收藏夾顯示相應的標題，通過圖標來區分不同的網站。當然，這不僅僅是favicon的全部，根據不同的瀏覽器，favicon的顯示也是不同的:在大多數主流瀏覽器如FireFox、Internet Explorer (5.5版本5.5及以上)中，favicon不僅顯示在收藏夾中，還同時出現在地址欄中，用戶可以將favicon拖動到桌面上，創建網站的快捷方式；另外，選項卡式瀏覽器甚至還有很多擴展功能，比如FireFox，甚至還有支持動畫格式的favicon。
從具體的技術角度來說，favicon不僅讓網站給人更專業的觀感，還在壹定程度上減少了服務器的流量帶寬占用:壹般為了提高網站的可用性，我們會為自己的網站創建壹個自定義的404錯誤文件。在這種情況下，如果網站沒有相應的favicon.ico文件，每當用戶收藏壹個網站/網頁時，web服務器都會調用這個自定義的404文件，該文件會被下載到網站。這顯然應該避免。
如何制作Favicon.ico
favicon.ico的制作方法相當簡單。首先利用圖形工具創建兩張反映網站主題的256色小圖:1，32 × 32像素，另壹張16 × 16像素。需要註意的是，調色板應該是“Windows默認調色板”，否則，在最終的效果顯示中，圖形可能會出現與妳本意不同的顏色變化。
需要註意的是，在很多對favicon.ico的描述中，常見的是要求圖片為16色，應該說是大大落伍了:在Windows 95等早期，16色的favicon.ico可能是大多數情況下保證其正常使用的安全選擇，而現在，完全沒有這種限制，16。
至於在瀏覽器中使用16 × 16像素的圖片就夠了，為什麽還需要準備32 × 32像素的圖片呢？原因是如上所述，地址欄中也顯示了favicon，用戶可以將favicon拖動到桌面上，建立網站的快捷方式，而桌面圖標要用32 × 32顯示。如果妳的Favicon.ico沒有包含32像素的圖片，系統就只能使用默認的瀏覽器圖標來標記網站/網頁，比如Internet Explorer的藍色“e”就無法起到通過favicon.ico打造網站品牌的作用。
圖片制作完成後，可以使用Image2Ico等小程序將兩張圖片轉換成壹個圖標文件。它也可以通過壹個網站制作，在這個網站上可以在線制作Favicon。不過需要註意的是，這個網站要求圖片源文件格式為Pic。
在網頁中使用favicon.ico
瀏覽器調用favicon的原理是先在網頁所在的目錄中尋找favicon.ico文件，如果沒有，就在網站的根目錄中尋找。
所以在網頁中使用Favicon最簡單的方法就是將創建的圖標文件命名為Favicon.ico，然後上傳到網站的根目錄。
如果妳想為不同的頁面設置不同的圖標(以便不同的頁面顯示不同的Favicon)，那麽妳需要
& ltlink rel = " icon " href = "/dir/favicon . ico " MCE _ href = "/dir/favicon . ico " type = " image/x-icon " >。
& ltlink rel= "快捷方式圖標" href = "/dir/favicon . ico " MCE _ href = "/dir/favicon . ico " type = " image/x-icon " & gt；
火狐還支持GIF動畫格式的Favicon，使用方法如下:
首先，制作壹個16 x 16的gif動畫，然後在html代碼中
& ltlink rel= "快捷方式圖標" href = " favicon.ico " & gt
& ltlink rel = " icon " href = " animated _ favicon . gif " type = " image/gif " & gt；
還有壹點需要註意的是，Web space的壹些主機服務器不支持圖標文件格式，沒辦法！