1. 程式人生 > >制作 Favicon.ico 圖標教程

制作 Favicon.ico 圖標教程

個性 想法 顏色 品牌 fir str 好的 甚至有 制作

摘要:有一些站長認為 favicon.ico 圖標對於一個網站沒有什麽作用。甚至有一些站長認為,少加載一個圖片,頁面設計展現的速度更快些。的確,理論上是對的,但樂豬認為這種想法是膚淺的!有這種想法的站長一般是沒有編程入門知識的站長,下面分別講一下 favicon.ico 圖標的作用。

Favicon.ico 圖標是什麽?

大家所說的 favicon,即是 Favorites Icon 的縮寫,顧名思義,便是其可以讓瀏覽器的收藏夾中除顯示相應的標題外,還以圖標的方式區別於其他的網站。當然,這不僅僅是 Favicon 的全部,根據瀏覽器的不同,Favicon 顯示也有所區別:在大多數主流瀏覽器如 FireFox 和 Internet Explorer (5.5 及以上版本)中,favicon 不僅在收藏夾中顯示,還會同時出現在地址欄上,這時用戶可以拖曳 favicon 到桌面以建立到網站的快捷方式;除此之外,標簽式瀏覽器甚至還有不少擴展的功能,如 FireFox 甚至支持動畫格式的 favicon 等。

Favicon.ico 圖標的作用

在我們的網站建設過程中,為網站打造一個契合網站主題的個性化標誌則是必需的,這直接關系到能否成功地塑造網站的品牌。這從某些角度看仍在網站推 廣的範疇之內,而欲取得成功,不僅包括良好的頁面設計、令人印象深刻的網站Logo,也包括favicon,圖片類型是ico。

Favicon.ico 圖標的制作方法

制作 Favicon.ico 的方法相當簡單,首先,利用圖形工具創建 2 個反映網站主題的 256 色的小圖片:1 個為 32×32 像素,另一個為 16×16 像素。需要註意的是,調色板要選用“Windows 默認調色板”,不然,在最終的效果展示中圖形可能會發生迥異於您初衷的顏色上變化。圖片制作好後,下載 Image2Ico 之類的小工具即可將 2 張圖片轉換到一個 Icon 文件中。網上也有在線轉換工具,非常好用!

Favicon.ico 圖標的使用方法

Favicon.ico 制作完成之後,接著就要把它從網站中展示出來。方法超簡單,把圖標上傳到網站的根目錄,不需要編寫任何代碼,這樣就 OK 了!如果沒有顯示,請關閉瀏覽器重新打開或者清除瀏覽器緩存。

制作 Favicon.ico 圖標教程