如何製作網站專屬的「favicon 網站小圖示」？
favicon 網站小圖示是什麼？電腦的瀏覽器 (IE、Chrome、Firefox) 都支援分頁功能，可在同一個瀏覽器開啟很多的網站，小小分頁裡顯示網站名稱外，最前面會顯示代表網頁的圖示，這圖示就是「favicon 網站小圖示」，同時也可以讓瀏覽器的使用者可以快速從眾多分頁中快速找到我們網站，這小圖示是可以自己製作專屬的小圖示，透過網站後台就能上傳成功，你也是網站的經營者、站長嗎？快來幫你的網站製做一個容易辨識的 favicon 網站小圖示。
小圖示不會畫怎麼辦？這年頭不用什麼都自己來，艾倫推薦 ICOOON MONO 網站上有多達 6000多種的免費圖示可提供大家下載使用，就先從 ICOOON MONO 挑一款喜歡的圖示吧！
艾倫是要幫忙「廚浴大集生活館」製作專屬的網站圖示(favicon.ico)，因為廚浴大集生活館網站和「家」有關，所以從 ICOOON MONO 找了相關的小圖市來使用，因為網站小圖市很小，艾倫建議大家找線條越簡單的圖示來使用，也可以選擇 16px 來預覽，另外有藍色、紅色兩種顏色可選擇，最後選擇 JPG 格式下載就可以。
接著開啟 Favikon 網站，Upload image 選擇剛剛從 ICOOON MONO 下載的小圖示，製作好網站小圖示後，接著按下 Download ICO 或是 Download PNG 就可以了。
在電腦裡就能找到剛製作好的網站小圖示了。
最後在網站原始碼的 <head> 和 </head> 間插入語法就能使用小圖示： <link rel=”shortcut icon” href=”你的favicon路徑” />
艾倫提供前後對照圖給大家，有了專屬的網站小圖示後是不是好看許多了！
ICOOON MONO 免費圖示下載：http://icooon-mono.com/
Favikon 網站小圖示產生器：http://www.favikon.com/
延伸閱讀：
FontViewOK 4.55 快速預覽電腦中已安裝的字體效果！(Windows)
[免費] Apowersoft 看圖助手 – 支援 iPhone HEIC 格式，圖片也能直接編輯
Chrome瀏覽器安裝「minerBlock」就能擊退疆屍挖礦時盜取你電腦資源
作者：
你可能感興趣的文章：
相關文章：
線上免費旋轉影片工具 – RotatemyVideo，轉正 iPhone錄製的影片 
不怕 Chrome擴充功能下架，預先把 crx 和 pem 備份起來，下架了也能自己裝回來使用！ 
WordPress 必裝外掛清單！六大分類外掛皆有，不怕有漏網之魚！(Chrome擴充功能) 
站長必備 Chrome外掛！十二合一 Google常用網站捷徑 (Search Console、Analytics、Google DFP、ADWords、3G行動測速) 
Split Tabs 將Chrome 瀏覽器分割2~4 個畫面，比對資料更容易 (Chrome擴充功能)
0 留言