十二月21
如何製作並設定網站圖示

favicon_setting02為部落格設置網站圖示(Favicon),可以讓訪客瀏覽你的網頁時在網址列的最左邊顯示你的圖示,favicon_setting03或者當訪客將我們的網頁加到書籤或是我的最愛時,在網站名稱的左邊也會顯示部落格圖示。

網站圖示其實就跟商店識別標誌類似,如果是自己架設的網站或部落格,可以擺上網站圖示來增加訪客對我們網站的印象,也可以提昇訪客的忠誠度,更可以方便訪客找到我們的網站。

本文會介紹一款製作網站圖示(Favicon)的網站,當你製作好網站圖示並存成favicon.ico之後,要把這個檔案存放到網站的根目錄中,瀏覽器會自動抓取這個檔案來當作網站的圖示。







如果是Blogger/Blogspot也可以進到其後台,然後點選「版面配置」,再到左上角的地方找到「網站小圖示」,點選其後面的編輯,就可以把網站圖示上傳到Bloger,這樣就可以更改其網站圖示了。
favicon_setting04

現在回到本文的主題來介紹這款簡單的網站圖示製作網站 :

下面是它的操作介面,如果你之前已經有做過的網站圖示也可以按「Import Image」來輸入圖檔,這個網站幾乎可以支援所有的圖檔輸入。顏色除了可以從色板上選擇之外,還可以直接輸入,還算蠻不錯用的。
favicon_test01

這個網站也可以支援動態的網站圖示,也就是可以同時結合兩張以上的圖檔在一起,想要操作動態網站圖示的話,可以在繪圖區的下面點選「Use Animation」。

favicon_setting06

開啟多圖檔功能,按「Append New Frame」可以新增一頁空白圖示,按「Clear Frame」可以清除原來的圖示,也可以設定每頁圖片顯示的時間。
favicon_setting05

 

要注意的是,一般的瀏覽器只要來過你的網站一次,就會記住原來的網站圖示,如果中途換圖示,記得更改圖示的檔名,如果檔名不是內定的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>


》回 網站架設 首頁

延伸閱讀:
為何需要買專屬的部落格網址?
六個撇步幫你找到一個適合自己的網域名稱




本部落格提供免費電子書索取:
我如何開始寫部落格 寫部落格賺錢術 如何提昇部落格人氣

如何製作並設定網站圖示 有 4 則回應

  1. GY 說道:

    哇!!!這個好用~~早就想學了 good!!

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *