網站的小圖示「 Favicon 」在這個資訊爆炸的年代有著十分重要的品牌重要性,這也是為什麼這類工具仍然歷久不衰的原因之一,本站先前就介紹過了不少可以把將圖片轉換成 Favicon 的線上工具,像是:Favicon Generator、Favicon.ico…等等,而今天所要介紹的 Free Favicon 還有提供大量的免費 Favicon 小圖示可以下載,非常值得試試!
Free Favicon 是一個多功能的免費 Favicon 製作、分享網站,除了常見的將圖片轉換成 Favicon 的功能之外,Free Favicon 還可以線上製作屬於自己的 Favicon 圖示,並提供了許多免費的小圖示素材可以下載使用,如果使用者想要給網站增添一點不一樣的品牌圖示,那相信 Free Favicon 絕對是值得使用的工具。
網站鏈結:https://www.freefavicon.com/
使用教學
STEP 1
進到 Free Favicon 網站後,使用者可以看到預設的頁面是將圖片轉換成 Favicon 的功能。

STEP 2
將網頁移至下方,使用者可以選擇想要轉換成 Favicon 圖示的圖片檔案,然後再點選下方的 FavIcon Go! 按鈕來開始將圖片轉換成 Favicon 圖示。

STEP 3
轉換完成後只要按下 Download Your Favicon 就可以開始下載圖示了。

STEP 4
Free Favicon 除了有最基本的圖示轉換功能外,其實還有具有繪製 Favicon 圖示的功能,使用者只要點擊導覽列上方的 Icon Maker 選項就可以開啟圖示製作器的介面,開始揮散自己的創意來製作屬於自己的圖示。

STEP 5
當使用者製作完圖示後,可以點擊右上角下載選項來將圖示給下載回來。

STEP 6
使用者可以選擇想要下載圖示的尺寸大小,然後再點擊下方的下載按鈕。

STEP 7
最後 Free Favicon 有提供許多免費的 Favicon 小圖示可以下載使用,點選導覽列上方的 Free Favicons 選項,可以看到許多的圖示分類,像是:動物、商業、食物、網路、符號、抽象…等等,可以讓使用者自行選擇。

STEP 8
選擇好想要的圖示分類後,我們可以看到圖示主要是以字母的方式來排列,並有提供網址列的預覽圖可以參考,使用者可以方便、快速地找到自己想要的圖示來使用。

STEP 9
當在列表中尋找到想要的圖示後,使用者請點選圖示下方的「 Download this favicon 」連結來進到圖示的下載頁面。

STEP 10
下載頁面中我們可以看到圖示檔案會以 ZIP 檔的方式來提供,使用者只須要點擊「 Download this Favicon 」按鈕就可以將圖示給下載回來使用。

STEP 11
最後使用者只需將壓縮檔中的 favicon.ico 圖示檔案上傳到網站的虛擬主機根目錄裡,然後在網頁的原始碼 <head> 標籤中加入下方的 HTML 語法,重新整理頁面後就可以看到圖示已經出現在瀏覽器的網址列了!
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">