超優的Free Icon Editor: IcoFX @ 簡睿IT隨筆(搬到http://jdev.tw了)

2007-04-08 01:08 超優的Free Icon Editor: IcoFX

IcoFX Image 因為今天發現了一套超優且為Freeware的圖示編修程式：IcoFX -The Free Icon Editor，因此在測試的過程中，順便把網頁的最愛圖示(favicon.ico)給換掉，也讓讀者在現行多頁籤的環境裡，能更容易地辨識本網站。

如果您有自己的網站，那麼只要把16X16、16色且名為favicon.ico的圖示檔放到網站的文件根目錄裡，那麼瀏覽器在顯示您的網站時就能顯示您自訂的圖示。如果您使用的是 Xuite、樂多等部落格，根據我的實驗則只能在FireFox裡正常的顯示自訂圖示，IE不管我如何修改，始終是無法顯示。

根據規格，我們必須在網頁的<head>區裡加入下面的Tag：

樂多可以設定在它的【Blog基本設定→說明欄位】裡，產生出來的指令就會被包含在<head>區。但 Xuite沒有地方可以讓指令被放置在<head>區，不過，只要把指令放到自由欄位裡，竟然也能顯示出來。還有，如果上傳的是別的格式的圖形檔（如GIF或JPG檔；不管是Xuite或樂多，都無法上傳ICO格式的圖檔）在FireFox裡也都能顯示，這似乎是 FireFox的特異功能。

我製作圖示的步驟略述如下：

啟動IcoFX，執行功能表上的【File→New】，指定新圖形的顏色為16色，大小為自訂的80x80
在OpenOffice.org的Writer裡輸入48級的「簡」字，變更為正黑體，此時也可變更文字顏色與背景顏色
切回IcoFX，選【File→Capture...】，此功能可以讓我指定一個大小80x80的區域做螢幕擷取
回到Writer畫面，把螢幕擷取的方框對準步驟2輸入的文字，對準後按左鈕
對抓回來的80x80圖形做編修，例如加底色或加圓形、加符號等
調整完畢後，按圖片區的第二個按鈕 Insert New Image，以依據現有圖形產生第二個16x16的圖示，此時【Create the new image from the selected image:】必須要打勾
再把新產生出的16x16圖形放大顯示比例再細部修改

整個調整完畢後上傳到部落格，再把<link>加入，如此應該就能在FireFox裡顯示自訂圖示了。IcoFX的各項功能與特效頗為豐富且齊備，也能匯入與匯出別的檔案格式，再加上又是自由軟體，推薦大家使用。

另外，網路上也有提供製作最愛圖示服務的網站：http://www.htmlkit.com/services/favicon，它同時能產生動態的圖示展示，也值得一試。

動態圖示的指令：

下載：IcoFX -The Free Icon Editor

##

平均分數：0 顆星投票人數：0 人
我要評分：

jerry@xuite / Xuite日誌 / 回應(5) / 引用(0) / 好文轉寄

[HTML&CSS] ...|日誌首頁|IE和FireFox存取同名物...

回應