close

自訂網址列圖示﹝FavIcon﹞

2006年3月20日

自訂網址列上的圖示,在網頁設計上算是一項裝飾性質的小技倆,因為有些網友會來詢問方法,故在此簡單的介紹一下:

首先準備一個大小為 16 x 16 像素的圖示(.ico)檔,取名為 favicon.ico,並上傳到網站的根目錄下﹝其他目錄或網頁空間亦可﹞。

然後在網頁原始碼 與 之間放上這段語法:

這樣就完成了,很簡單吧!若再加上下面這段語法:

也可以讓你的圖示呈現在書籤或我的最愛當中,不過根據我的測試,沒有額外加上這段語法仍然可以達成,只是要重新開啟瀏覽器後才會顯示出來。

若是你的手邊沒有適合的圖示,可以到 FavIcon from Pics 這個網站來,選擇一張自己的圖片﹝大小及格式不拘﹞,按下 [Generate FavIcon.ico],生成後再按下 [Download FavIcon] 即可下載 ZIP 檔,用 Winzip7-zip 等軟體解壓縮後,就會有同時支援 32 x 32 及 16 x 16 兩種尺寸的圖示出現,然後把這個圖示上傳到網頁﹝伺服器﹞空間即可。

註:若是 favicon.ico 這個檔名在某些網頁空間出現無法使用的情況,可以改成其他檔名﹝例如 myfavicon.ico﹞,只要連結網址記得跟著改就好。

某些新型瀏覽器也支援使用 GIF 或 PNG 格式作為網址列圖示,以 GIF 為例,語法如下:

至於 PNG 格式就依樣畫葫蘆,把 gif 改成 png 就好。

arrow
arrow
    全站熱搜

    bluenature0904 發表在 痞客邦 留言(0) 人氣()