如何製作網站專屬的「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」就能擊退疆屍挖礦時盜取你電腦資源
自然輸入法 – 地表最強中文輸入法，Windows 免費體驗！
作者：
你可能感興趣的文章：
相關文章：
教你阻擋討人厭的 YouTube廣告，Chrome、Firefox、Safari瀏覽器教學 
Chrome Audio Capture 網頁上的音訊或音樂都可錄製後下載回來，音質很棒！ 
10秒鐘就能完成！Google Chrome瀏覽器可快速移除 PDF 密碼 
3招增加 Chrome瀏覽器安全性，防止碰上「網路釣魚」和「惡意網站」 
家裡電腦掛遊戲腳本有正常運作嗎？透過 TeamViewer 就能遠端控制！
0 留言