整合運用教學All

Favicon.ico 網站小圖示製造機

* Favicon.ico 網站小圖示製造機

當我們使用瀏覽器開啟網頁之後,網址列的最左邊都會有個小圖示,或者當我們將網頁加到我的最愛書籤或放到書籤工具列上,網站名稱的左邊也都會有個小圖示,每個網站都會有自己的圖示,這東西就叫做「Favicon」。

如果你有自己架站,想替自己的網站換個屬於自己風格的網站ICON,可以試試看下面這個免費的Favicon.ico網站圖示製造機。它可以讓我們用滑鼠直接在網頁上畫圖、點選顏色,製作自己的網站小圖示。比較與眾不同的是它還提供了動態Favicon.ico的製作功能,讓我們可以做一個會動的網站小圖示。

另外也可支援圖檔匯入功能,直接使用其他現成的圖檔來修改成自己想要的Favicon圖示,讓製作過程方便很多。
Favicon.ico網站小圖示如下圖圈起來的地方:
demo
網站名稱:favicon.ico Generator
網站網址:http://www.favicon.cc/
自己繪圖使用方法:
第1步 開啟favicon.cc網站,直接用滑鼠指標在網站中間的空白畫布中點選、繪製你要的圖案,右邊有個「Color Picker」調色盤,可以隨時挑選、更換自己喜歡的顏色。demo
第2步 畫好之後網頁下方有個預覽圖示,如果你覺得這樣看起來還不錯,可以直接按「Download Favicon」將Favicon.ico圖示下載到電腦中。
demo
第3步 另外,我們也可以在製作圖示時在畫布下方按一下「Use Animation」,繪製多幅不同的「Fram」 ,按「Append New Frame」增加多格,在一一製作動態Favicon.ico圖示,每個畫格都可以選定翻轉、替換的時間間隔。
demodemodemo

第4步 到後台點選『網站名稱/功能設定 』→『修改資料』→網站ICON:→將剛下載的ico檔案上傳即可

推文到推特 推文到臉書

上一則   |   回上頁   |   下一則