免費產出自己網站上的 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 有興趣也可以納進來,任君選用,可以說是在製作、管理與使用各項兼顧的均衡服務。

最後修改日期: 2021 年 10 月 18 日

作者