2. 確定圖標的規格：規格是 16x16，所使用的顏色最好成績不要超過 16 色 (為了清晰)。可以在電腦中查找 *.ico 格式的圖標，打開這些圖標就可以知道格式了。
3. 設計壹個屬於自己的圖標：妳可以將您的網站的 Logo 做成壹個縮圖，或者另外設計壹個別具特色的圖案來作為圖標。然後將這個圖標文件命名為 favicon.ico。
4. 最後，只需要將這個圖標文件 (favicon.ico) 上傳到您的網站所在的服務器的根目錄下。(也就是妳的主頁 index.html 所在的那個文件夾)，不需要對網頁文件作任何的修改，IE 會自動的搜索網站的根目錄，只要它壹發現了 favicon.ico 這個文件，就會將該圖標顯示在訪問者的地址欄和收藏夾列表中了。
網站個性標誌 Favicon 的使用
從嚴格意義上，favicon 的話題無關 SEO 技術，也與 Web 服務器技術方面的討論沒有太大幹系，不過，在我們的網站建設中，為網站打造壹個契合網站主題的個性化標誌則是必需的，這直接關系到能否成功地塑造網站的品牌。這從某些角度看仍在網站推廣的範疇之內，而欲取得成功，不僅包括良好的頁面設計、令人印象深刻的網站 Logo，也包括 favicon。
什麽是 favicon？
所謂 favicon，即 Favorites Icon 的縮寫，顧名思義，便是其可以讓瀏覽器的收藏夾中除顯示相應的標題外，還以圖標的方式區別不同的網站。當然，這不僅僅是 favicon 的全部，根據瀏覽器的不同， favicon 顯示也有所區別：在大多數主流瀏覽器如 FireFox 和 Internet Explorer (5.5及以上版本)中，favicon 不僅在收藏夾中顯示，還會同時出現在地址欄上，這時用戶可以拖曳 favicon 到桌面以建立到網站的快捷方式；除此之外，標簽式瀏覽器甚至還有不少擴展的功能，如 FireFox 甚至支持動畫格式的 favicon 等。
從特定的技術角度看，favicon也並不只是僅僅讓網站給人更專業的觀感，也可以在壹定程度上減輕服務器的流量帶寬占用：壹般為了提高網站的可用性，我們都會為自己的網站創建壹個自定義的 404錯誤文件，在這種情況下，如果網站沒有相應的favicon.ico文件，每當有用戶收藏網站/網頁時， Web服務器都會調用這個自定義的404文件，並在網站的錯誤日誌中記錄。這顯然是應該予以避免的。
如何制作Favicon.ico
制作 favicon.ico 的方法相當簡單，首先，利用圖形工具創建 2 個反映網站主題的 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 之類的小程序即可將 2 張圖片轉換到壹個 Icon 文件中。也可以通過可以在線制作 Favicon 的網站來制作，不過，需要註意的是，這個網站要求圖片源文件格式為 Pic。
在網頁中使用 favicon.ico
瀏覽器調用 favicon 的原則是首先在網頁所在的目錄下尋找 favicon.ico 文件，如果沒有，便到網站的根目錄下尋找。
因此，在網頁中使用Favicon最簡單的辦法便是將制作好的圖標文件命名為Favicon.ico，然後將其上傳到網站的根目錄即可。
如果您希望為不同的頁面設置不同的圖標 (讓不同的網頁顯示不同的 Favicon)，那麽您就需要在該網頁文件 html 中 <head> 部分加入下面的代碼：(註意：該圖標的路徑壹定要使用絕對路徑)。
<link rel="icon" href="/dir/favicon.ico" mce_href="/dir/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/dir/favicon.ico" mce_href="/dir/favicon.ico" type="image/x-icon">
Firefox 還支持GIF動畫格式的Favicon,使用方法如下:
首先制作壹個 16 x 16 的 gif 動畫，然後在 html 代碼 <head></head> 中加入如下代碼：
<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="animated_favicon.gif" type="image/gif" >
還有壹點需要說明的是：有些 Web 空間的主機服務器不支持圖標文件格式，那就沒辦法了！