Favicon,即是出現在支援的瀏覽器上網址列開頭、分頁鍵及書籤旁邊的小圖示、或譯作網站圖標、網徽或頭像,什麼也好,與其要費時找專門軟件來將圖像儲存為.ico格式才可使用,最方便還是在線上透過免費的Favicon生成器輕輕一點一擊一按,不出兩三個步驟便成,開開心心的為自己的網誌添上如路邊招牌般醒目的專屬字號。就算你已有一個也好,看畢以下五類各具特色的Favicon生成器之後,亦無妨再做一個看看新的效果吧。
將圖案如一針一黹般刺繡出來,像Pixel Art的風格,在放大了的16×16像素方格內,如農夫開墾耕地,遂點或拉線慢慢地勾勒出你的創作,又或上載圖片至方格上直接編輯。
有人喜歡靜態,有人喜歡動。最簡單的方法是上載圖片後勾選Animate Favicon的小方格便可,自動生成向上滾動的動畫gif圖片。輸入文字的話更會出現傳統網頁走馬燈效果,從右到左,放上口號或網誌名稱便最為適合。
多媒體類 Dynamic Drive
說到多媒體只是我巧立名目,實情是除了可將圖像上載生成Favicon以外,還可以一次過順帶製作32×32像素及48×48像素的桌面Icon在電腦使用。
文字類 Antifavicon
純文字,沒有圖片。參考小貼紙自動生成器的原理,分上下兩行顯示,可替文字和背景自行配色,輸入字母上限十個。個人感覺,風格最為簡約,亦最考功夫。
雕塑類 favicon2dots
只需在檢索欄內貼上Favicon的位址,或任何裝有Favicon的網址首頁,自動生成器會將原本的Favicon如雕塑般呈現為斜擺的立體模樣,如果本身的Favicon是點線分明的Pixel Art的話,效果將會最好。
參考資料:
做個會跳會動的FavIcon玩玩吧
抖動您的最愛小圖標
別具一格的 favicon
把你的網站favicon變2D
其實Favicon不單是純粹用來炫一下的小玩意,像一店的匾額讓讀者記住,視覺上吸引眼球,易於找尋,在網址列、書籤外也見蹤影處處,例如以下抓來的Favicon就是隨Feed顯示在Bloglines上我的訂閱名單旁邊。一下子我便發現原來不少網誌也沒有使用Favicon,或是由網誌服務供應商本身的圖標所替代。既不是別無分店,從略。還看只此一家的:
![]() |
![]() |
![]() |
|||||||
延伸圖像:
私藏館.Favourite Favicons
遊樂園.Favicon Design and Usability Poll