網站標題欄ICO圖標製作方法（轉載） - DeathTree的日誌 - 網易博客

07-31

第一篇

網站標題欄ICO圖標製作方法

看到別人網站在瀏覽器的網址前面和收藏夾里有一個自已網站的圖標，你是不是也想要一個？下面給大家帶來兩種方法。第一種：用軟體來製作打開軟體，按照操作就可以了，這是一款綠色軟體，使用起來非常的方便，載入圖片，調整圖標的尺寸就可以了，而且是中文。軟體下載地址

http://ytzjq.jahee.com/1000xiao/Ico-img.rar 第二種：哈哈最近發現的一個網站幫你製作ico圖標，用起來更方便了! 網站地址是：

http://www.html-kit.com/favicon/ 雖然是一個英文的網站，但你不用管他，瀏覽上傳你用圖象處理軟體做一個16X16的小圖片,格式可以是.gif, .jpg, .png的.然後點擊 Generate Favicon.ico 生成後下載就可以了。 1、如果你想把圖標在收藏夾里顯示，尺寸為 16x16 文件名一定要為 favicon.ico。把這個文件上傳到根目錄下，就可以了，系統會自動查找這個文件的。 2、如果你想讓你的圖標在任意頁面都可以顯示，尺寸還是16x16 將這個圖標文件命名為wishu.ico 或favicon.ico。在網頁文件的head部分加入下面的內容： <link rel="Shortcut Icon" href="favicon.ico"> <link rel="Bookmark" href="favicon.ico">

第二篇：什麼是網站 ICO 圖標？

　　打開微軟、百度等網站後看到瀏覽器的標題欄、地址欄，多瀏覽器的標籤上都顯示了一個小圖標，如

　，這裡說的就是這個東東。如果用戶收藏了網站，這個圖標還會出現在用戶收藏夾里。

　　如何製作 ICO 圖標？

　　這裡使用最簡單的辦法。因為 ico 格式圖片比較特殊，一般軟體（如 Windows 自帶的畫圖、Adobe Photoshop 等）都製作不了，我們就分兩步做。

　　第一步是用 Windows 自帶的畫圖或 Adobe Photoshop 製作一個 ico 的原圖，格式可以是 jpg / jpeg/ gif / png 等，大小大概在 32×32 像素差不多，最好是 16px×16px 的，因為瀏覽器標題欄和地址欄上顯示的就是這個尺寸。

　　第二步是將製作好的 ico 原圖轉換為 ico 格式，製作好後去一個可以在線轉換 ico 格式的網站（百度一下會有不少，也可以下載一個轉換軟體進行處理）。這裡推薦 http://www.bitbug.net// ，打開該網站後界面很清晰明了，經數秒簡單的處理即可轉換為我們要的 ico 格式圖標文件，文件被自動命名為 favicon.ico。

　　這樣 ico 圖標就製作完成了。

　　如何讓 ICO 圖標在網站上顯示？

　　先將轉換好的 ico 圖標文件上傳到網站任意目錄，一般為根目錄。以我的為例，我上傳到 /bbs 目錄下，也就是說 ico 文件的路徑是 /bbs/favicon.ico。

　　然後在需要顯示該圖標的頁面模板頭部（<head> 與 </head> 之間）插入以下代碼：

　　如果你的模板是 XHTML 規格的，代碼應該是：