如何製作網站專屬的「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、Mac] Malwarebytes AdwCleaner 快速清除綁架軟體、惡意程式 
[免費] Google Squoosh 線上無痛圖片壓縮工具，沒有網路也能壓縮圖片！ 
用BlueStacks 4模擬器電腦上玩《Brown Dust-棕色塵埃》手機遊戲！ 
Gihosoft TubeGet 支援免費下載 YouTube 8K 影片(Windows、Mac) 
Macbook 沒有安裝 Office 也能線上瀏覽 Word、Excel、PPT – Online Document Viewer
0 留言