最近在幫客戶微調網站，突然想到修改瀏覽器前的小圖。
就想說來分享一下如何修改！
假如我們一般使用 IE 來看網頁的話，
前面顯示 e 的圖案是因為那個網站沒有設定小圖示，
所以 IE 會在最前面擺上自己的圖示。
有圖的是因為它有設定小圖示，像 Pixnet 前面是個藍色的對話方塊、Yahoo! 前面是個紫色的小圓圖等等。
做法是
1：先用繪圖軟體做一個16*16的圖示，存為gif格式(16或256色)
2：PhotoImpact可以直接存為 .ico 格式
或到這個網站轉為ico檔案：http://www.chami.com/html-kit/services/favicon/
3：上傳到網站的根目錄下就完成了。
另外在你的網頁 <head>和 </head> 之間加入下面的代碼:
<!– 這一行是給IE看的 –>
<link rel="SHORTCUT ICON" href="favicon.ico" />
<!– 這一行是給Mozilla看的 –>
<link rel="icon" href="favicon.ico" type="image/ico" />
技巧：
製作16X16的圖片千萬不要先做大圖再改變解析度，
這樣做不出清晰的圖示的,圖會糊掉，就當是用16乘16的=256個小方塊拼一個圖示出來，
如果不會自己畫，就找現成的圖示來用吧，不過就失去個人的特色了~~
你好, 請問我的是google的部落格, 雖已轉址到付費的網址, 但製作時還是進入google blogger的後台編製, 就無你所講的"上傳到網站的根目錄下", 請問準備好的 .icon小圖示, 應該如何加到部落格的html裡呢?
回覆刪除l非常感謝
版主回覆：(10/08/2010 09:18:53 AM)
這部份我也找不太到他是否有開放這個欄位，像Pixnet(看起來像是Durpal改的)本身就有這個欄位可以上傳自己的ico，Google的部份目前尚未找出解決的方法，真的非常抱歉！！
本篇的教法比較適合自己主機架設的網站～
謝謝分享~ 改天來試看看 > <
回覆刪除