為部落格設置網站圖示(Favicon),可以讓訪客瀏覽你的網頁時在網址列的最左邊顯示你的圖示,或者當訪客將我們的網頁加到書籤或是我的最愛時,在網站名稱的左邊也會顯示部落格圖示。
網站圖示其實就跟商店識別標誌類似,如果是自己架設的網站或部落格,可以擺上網站圖示來增加訪客對我們網站的印象,也可以提昇訪客的忠誠度,更可以方便訪客找到我們的網站。
本文會介紹一款製作網站圖示(Favicon)的網站,當你製作好網站圖示並存成favicon.ico之後,要把這個檔案存放到網站的根目錄中,瀏覽器會自動抓取這個檔案來當作網站的圖示。
如果是Blogger/Blogspot也可以進到其後台,然後點選「版面配置」,再到左上角的地方找到「網站小圖示」,點選其後面的編輯,就可以把網站圖示上傳到Bloger,這樣就可以更改其網站圖示了。
現在回到本文的主題來介紹這款簡單的網站圖示製作網站 :
- 網站名稱:Favicon.ico Generator
- 網站網址:https://www.favicon.cc/
下面是它的操作介面,如果你之前已經有做過的網站圖示也可以按「Import Image」來輸入圖檔,這個網站幾乎可以支援所有的圖檔輸入。顏色除了可以從色板上選擇之外,還可以直接輸入,還算蠻不錯用的。
這個網站也可以支援動態的網站圖示,也就是可以同時結合兩張以上的圖檔在一起,想要操作動態網站圖示的話,可以在繪圖區的下面點選「Use Animation」。
開啟多圖檔功能,按「Append New Frame」可以新增一頁空白圖示,按「Clear Frame」可以清除原來的圖示,也可以設定每頁圖片顯示的時間。
要注意的是,一般的瀏覽器只要來過你的網站一次,就會記住原來的網站圖示,如果中途換圖示,記得更改圖示的檔名,如果檔名不是內定的favcion.ico,就要強制指定圖示檔名及位址。可以在版型的<head>…</head>之間加入<LINK REL=”SHORTCUT ICON”…>的語法來強制流覽器重新讀取網站圖示。
<HEAD>
<LINK REL=”SHORTCUT ICON” HREF=”http://www.yourdomain.com/youricon.ico”>
<TITLE>My Title</TITLE>
</HEAD>
》回 網站架設 首頁
哇!!!這個好用~~早就想學了 good!!
後來發現,IE瀏覽器好像沒有作用~唉!
板大指的沒有用是???
我的IE開一樣有顯示說
現在看起來確實可以了,剛開始的一個禮拜還看不到改變,可能是IE的Cache比較久吧!所以變換比較慢。