Favicon 管理

免費產出自己網站上的 Favicon 跟大伙分享過一些網路上的好用資源,不費氣力給個人網站或是部落格更有個人風格。

當時候,我在 GoDaddy.com 租用空間,將建立好的 favicon.ico 放在部落格的根目錄底下即大功告成,沒太大的問題,來到 Blogger.com 之後,預設的就是她美美的 Favicon。如果我們要做個人化的話,日前的方式肯定不管用,對 HTML 語法稍有概念的人可能的解決方法是透過語法指向虛擬世界某空間的個人 favicon.ico,對此法尚無概念而有興趣者可以前往 網頁唯美派 6 — 製作「我的最愛」圖示 瞧個仔細。

原本我也想這麼做,後來找到更好的資源,使用起來爽度更高。虛擬世界浩浩蕩蕩,諸如此類資源也是無法勝數,坦白說我也沒有一個一個去試,IconJ.com 是在一次誤打誤撞後便覺得很好用的服務。IconJ.com 是不用註冊即可服用的,然今次談的是要管理我們心愛的 Favicon,在此仍建議註冊使用,註冊流程從頁面右邊的 Sing Up 開始。

點入後進到上圖所示的頁面,有 2 個米字號的是必填欄位,填完註冊後送出,尚需要到註冊時所填具之 E-Mail 啟用帳號。啟用後登入來到上圖所示的頁面,把想要轉換成 Favicon 的圖片上傳,IconJ.com 還有提供銳利化的選項,這個部分我沒試,因為我想 Favicon 已經長得這麼小,銳不銳利應該沒什麼差別,當然,沒試過話愈講就愈小聲,還是建議有興趣的伙伴自行去服用看看。

上傳後會再進入如上圖示的頁面,我會把 Share it in the gallery 勾選,一方面是避免待會兒 Favicon 出不來,另一方面是想到 Favicon 是要給人家看的,分享出來應該無所謂,如果有私房 Favicon 不想流到市面上的,可以直接按下 Save It

點一下左邊的 My Favicon Code 來到上圖所示之頁面,分別有程式碼與使用說明,把這段編碼剪出來,再到 Blogger.com 的資訊主頁,沿著 [版面配置][修改 HTML] 走,找出 <head> 或是 </head>,把程式碼貼到 <head> 之後或 </head> 之前(敘述得好辛苦,總之就是在兩者之間)。

好囉!以上幾個步驟下來,應可順利服用。

那麼,好像沒有講到重點,呵!怎麼有點掛羊頭賣狗的嫌疑呀!

快別這麼說,重點就在過程中的註冊程序,一旦註冊成為會員後,往後上傳製作 Favicon 都會在資料庫裡面,若是其他網友所上傳製作的 Favicon 有興趣也可以納進來,任君選用,可以說是在製作、管理與使用各項兼顧的均衡服務。

免費產出自己網站上的 Favicon

製作 Favicon 在老早以前,讀過部分參考文件,總讓人覺得似乎是件難事。

我曾經給 JUTE 做出一個,猶記得當時是先使用 Flash 在線條上花點心思,製作出一個小小的公雞頭圖像,再來的程序我有點沒印象,好像是交給 Fireworks 處理後將 favicon.png 易名為 favicon.ico ,最後放到網站上,沒想到就這麼完成 (( 很神奇,卻不是很好的方法,在此仍建議使用專門製作 .ico 的 ICON 軟體。
針對 Windows 與 Mac ,我分別推薦 MicroangeloIconbuilder ,有興趣的伙伴可以再參考 Icon & Cursor Editors for WindowsIcon & Cursor Editors for Macintosh ,比較抱歉的是未曾在 Linux 上製作過的我,得請習慣拿 Linux 當桌面系統的伙伴自個兒挖一下 Google 。 ))。今兒個我突然想再做一個專屬於 Blog Chia-Hsien ,用 Google 很快地就挖出符合需求的資源,更重要的是製作過程無痛且快速。

多家比較後,我認為比較優秀的轉檔網站是 FavIcon from Pics — favicon.ico for your website ,因為解析高的圖案經過轉換程序後所展現出的 favicon.ico 仍舊美美地,不會有過份的失真。

點下 [ Download Favicon ] 會得到封裝好的壓縮檔,解開並將 favicon.ico 取出即可服用,壓縮檔裡頭有個 [ extra ] 資料夾,有興趣玩動態 Favicon 還得動點工,在此就不多提。最後,再把 favicon.ico 放到 Blog Chia-Hsien 的根目錄裡就大功告成,突然之間,我感受到過高的自戀濃度,還望大伙海涵。