如何讓部落格、網站有favicon小圖示?(免軟體,線上工具)

三、上傳一般圖片轉favicon

如果你自己本身會作一些小圖片,或者是你看到網路上有張圖片你很喜歡,想把它拿來當成你的favicon的話,其實都可以透過favicon.cc來達成喔!

第1步 首先點擊favicon.cc首頁左方的﹝Import Image﹞。

favicon-6

第2步 接著在中間區塊會看到﹝瀏覽﹞按鈕,請將您的圖片上傳,至於下方的小車是在告訴你原圖的變型方式,請您自行選擇,然後點擊﹝Upload﹞進行上傳。

上傳圖片限制

檔案類型:jpg, jpeg, gif, png, bmp, ico

單檔大小:4MB

favicon-7

第3步 接著你就會看到你的圖片被強制放大了,感覺很醜!在畫面右手邊一樣有控制選項,您可自由添加或是將您的圖像變色喔!當然也可按下【Use Animation】按鈕,展開動畫設置,至做會動的favicon,至於操作設定方法,可以參考這裡

favicon-3

第4步 製作時,在「Preview」欄位依然可以預覽,如果滿意趕快點﹝Download Favicon﹞按鈕下載囉!下載後,通常就是把你的favicon命名為「favicon.ico」上傳到網站根目錄即可使用。

favicon-4

最近Google也更換了它的favicon,設計上也沒什麼複雜性,四個顏色簡單疊一下,就創造出一個令人印象深刻的favicon了。事實上,favicon是不用搞得太複雜,因為16×16的圖片根本無法弄得多精緻,只要讓大家看個大概就可以了,像我們網站的favicon就是「1根香腸+1隻魷魚」,組成了「香腸炒魷魚」,雖然這圖示很簡單,但相信大家應該清楚明瞭吧?在眾多的書籤中,找我們的網站應該找得很快吧XD。

延伸閱讀