google Favorites Icon示例
示例Favicon 會出現在“地址欄”，“分頁”和“我的最愛”
注: IE 6 只會出現在“我的最愛”
什麼是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編輯器生成。現在網上有線上favicon生成器服務：直接上傳喜歡的圖片，直接生成16*16像素的favicon.ico檔案，還有線上預覽功能。
Favicon的設計
Favicons，袖珍圖形，適用於比較細緻的網站，可以在瀏覽器的地址欄里顯示，緊鄰著書籤列表里網站的名字，還緊鄰著文百度的favicon件對話框界面的網頁標題。要是立即被辨識出來的話，favicons應該悅目，並且要適合頁面的設計或標識。事實上，如果你在網站上使用favicons，用戶可以輕易在他們的書籤里找到你的URL——通過這種方式，你在你的網站和網站的訪問者之間創造了一些視覺連線。
然而，Favicons的設計可能是有難度的——不是那么容易就能創造一個漂亮的16×16px的迷你圖示。儘管如此，部分設計師的運用已經取得了巨大的成效。連合活字(含有數個常用固定字母的活字,如an) 配合清晰的幾何結構比單純的字型和抽象的圖像更能起作用，顏色的選取應當符合當前Web 2.0的趨勢。讓我們來看看能激發你靈感的50個漂亮favicons. 可以點擊favicons——它們可以打開一個頁面，而這頁面是用圖像作為頁面圖示。
製作步驟
製作一個16 X 16 px 的 gif 或 jpg 圖示
訪問http://tools.dynamicdrive.com/favicon/， 把製作好的圖示上傳並取得 "favicon.ico"
把 "favicon.ico" 放到網站的根目錄，並在 HTML代碼 中加進:
<linkrel="shortcuticon"href="/favicon.ico">
完成
注: 可以把 "favicon.ico" 放在其他位置，只需在 指明路徑即可。
優秀的Favicons
Google新舊favicon對比2009年GOOGLE啟用了新的favicon。這一次啟用的正式的Favicon，是從所有徵集的作品中選中的由巴西一個在讀大Google新舊favicon對比學生André Resende的作品中變種而來的。Google說他設計的“白色字母g映襯在由顏色色塊背景上的設計易於辨認而且魅力十足，它抓住了Google的精髓"。Google搜尋產品和用戶體驗副總裁Marissa Mayer說：Google做出改變，主要是為了適應像iPhone這樣新的手機平台的需要。
