如何製作網站專屬的「favicon 網站小圖示」?

favicon.ico

favicon 網站小圖示是什麼?電腦的瀏覽器 (IE、Chrome、Firefox) 都支援分頁功能,可在同一個瀏覽器開啟很多的網站,小小分頁裡顯示網站名稱外,最前面會顯示代表網頁的圖示,這圖示就是「favicon 網站小圖示」,同時也可以讓瀏覽器的使用者可以快速從眾多分頁中快速找到我們網站,這小圖示是可以自己製作專屬的小圖示,透過網站後台就能上傳成功,你也是網站的經營者、站長嗎?快來幫你的網站製做一個容易辨識的 favicon 網站小圖示。

小圖示不會畫怎麼辦?這年頭不用什麼都自己來,艾倫推薦 ICOOON MONO 網站上有多達 6000多種的免費圖示可提供大家下載使用,就先從 ICOOON MONO 挑一款喜歡的圖示吧!

ICOOON MONO 免費圖示下載:http://icooon-mono.com/

favicon.ico01

 



 

艾倫是要幫忙「廚浴大集生活館」製作專屬的網站圖示(favicon.ico),因為廚浴大集生活館網站和「家」有關,所以從 ICOOON MONO 找了相關的小圖市來使用,因為網站小圖市很小,艾倫建議大家找線條越簡單的圖示來使用,也可以選擇 16px 來預覽,另外有藍色、紅色兩種顏色可選擇,最後選擇 JPG 格式下載就可以。

favicon.ico02

 

接著開啟 Favikon 網站,Upload image 選擇剛剛從 ICOOON MONO 下載的小圖示,製作好網站小圖示後,接著按下 Download ICO 或是 Download PNG 就可以了。

Favikon 網站小圖示產生器:http://www.favikon.com/

favicon.ico03

 

在電腦裡就能找到剛製作好的網站小圖示了。

favicon.ico04

 

最後在網站原始碼的 <head> 和 </head> 間插入語法就能使用小圖示: <link rel=”shortcut icon” href=”你的favicon路徑” />

艾倫提供前後對照圖給大家,有了專屬的網站小圖示後是不是好看許多了!

favicon.ico05

ICOOON MONO 免費圖示下載:http://icooon-mono.com/

Favikon 網站小圖示產生器:http://www.favikon.com/


延伸閱讀:

FontViewOK 4.55 快速預覽電腦中已安裝的字體效果!(Windows)

[免費] Apowersoft 看圖助手 – 支援 iPhone HEIC 格式,圖片也能直接編輯

Chrome瀏覽器安裝「minerBlock」就能擊退疆屍挖礦時盜取你電腦資源

自然輸入法 – 地表最強中文輸入法,Windows 免費體驗!

一招擺脫 Mac 反覆要求輸入 iCloud密碼!

作者:

艾倫:

喜歡簡單而單純的生活,卻意外跌入3C的陷阱,於是就這樣戀上了玩3C這件事情!我願意,我同意,我樂意把時間耗在美好的事物上,包括測試,評測,所謂的玩3C。

你可能感興趣的文章:

相關文章:

本站留言 »

(姓名)*必填
(信箱)*必填
(網站)

0 留言


FB留言: