2007年2月7日 星期三

thinkerCKD: 網址列的小圖標 favicon

thinkerCKD: 網址列的小圖標 favicon

在瀏覽器的網址前面加上一個小圖標,凸顯網站的風格。

Step1.
先在 Mikons beta 自己製作圖標,注意,你必須要有 Shockwave 的 plugin,沒有的話網站上有下載連結。將圖標儲存在電腦裡。


Photobucket - Video and Image Hosting


Step2.
建議將圖標透過 resize 或裁切(crop)的方式,做成 16x16 或 32x32 的大小。

Step3.
FavIcon from Pics 載入圖標,馬上就好了。將 FavIcon download 下來, zip 檔裡會有 .ico, .png 和 .gif 三種檔案,其中 .gif 就是會動的圖標。

Photobucket - Video and Image Hosting


Step4.
將 .ico 和 .gif 兩個檔案上傳至網路空間,如果先前沒有註冊網路空間的話,不妨利用 Google Page Creator

Step5.
接下來就是把 FavIcon 放在自己的網站上了。這部分的教學請看「做個會跳會動的FavIcon玩玩吧!」。

Note
1. 如果只要靜態的 icon,那麼只需要 .ico 這個檔案即可。
2. Mikons 做出來的圖標會有白底,算是一個缺點。
3. 這是我嘗試的作品:

沒有留言: