教你製作透明網站favicon.ico圖示

從嚴格意義上，favicon的話題無關SEO技術，也與HTTP://www.aliyun.com/zixun/aggregation/17117.html">Web伺服器技術方面的討論沒有太大幹系，不過， 在我們的網站建設中，為網站打造一個契合網站主題的個人化標誌則是必需的，這直接關係到能否成功地塑造網站的品牌。 這從某些角度看仍在網站推廣的範疇之內，而欲取得成功，不僅包括良好的頁面設計、令人印象深刻的網站Logo，也包括favicon。

所謂favicon，即Favorites Icon的縮寫，顧名思義，便是其可以讓瀏覽器的我的最愛中除顯示相應的標題外，還以圖示的方式區別不同的網站。 當然，這不僅僅是Favicon的全部，根據瀏覽器的不同，Favicon顯示也有所區別：在大多數主流瀏覽器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不僅在我的最愛中顯示， 還會同時出現在網址列上，這時使用者可以拖曳favicon到桌面以建立到網站的快捷方式；除此之外，標籤式瀏覽器甚至還有不少擴展的功能，如FireFox甚至支援動畫格式的favicon等。

從特定的技術角度看，favicon也並不只是僅僅讓網站給人更專業的觀感，也可以在一定程度上減輕伺服器的流量頻寬佔用：一般為了提高網站的可用性，我們都會為自己的網站創建一個自訂的404錯誤檔，在這種情況下， 如果網站沒有相應的favicon.ico檔，每當有使用者收藏網站/網頁時， Web伺服器都會調用這個自訂的404檔，並在網站的錯誤日誌中記錄。 這顯然是應該予以避免的。

無論是博客還是網站，做一個ico顯示在網址列上面，是很有必要的。 好的圖示能留給訪問者很深印象哦。 所以Ken今天給博客加上了一個ico，感覺還湊合，所以就發一份教程，希望能給各位朋友説明。 用到的工具有Photoshop版本隨意以及Axialis IconWorkshop 6.3，軟體可以到網上下載(注意安全問題哦)。

首先，打開Photoshop軟體，我用的是Photoshop9.0，檔》新建》設置如下圖：

然後就發揮自己的創造力，創造屬於自己的ico。 我簡單的做了一個，用於教程。

製作的過程中，注意把需要透明的地方選中(推薦用魔棒工具)，然後按Del刪除，見到一些灰白相間的網格則是代表透明部分。

作品完成以後，按一下檔》儲存為Web所用格式》如下配置：

之後便可以打開Axialis IconWorkshop軟體。