不管是使用 Microsoft 的 IE 瀏覽器或是 Google Chrome 瀏覽器,瀏覽網頁時,應該都會在其網址列或其瀏覽分頁上,看到該網站的代表圖示或是瀏覽器所預設的圖示,若加入書籤或我的最愛也會在其列上出現該網站的代表圖示,方便使用者識別。AnimatedFavicon 是一個可以免費製作該類圖示的免費服務網站,製作過程相當簡單,只要上傳圖片後,接下來就是下載應用,其提供對所上傳的圖片會製作出 GIF、ICO、16 x 16 與 32 x 32 尺寸的 PNG 圖檔,以利後續應用。
如何使用 AnimatedFavicon?
1.進入 AnimatedFavicon 網站,可先閱讀其製作說明後,點擊[選擇檔案],來選擇要製作圖示的檔案,選擇好之後,可點擊[Create FavIcon]。
2.接下來在其下方,就會產生預覽圖及其下載按鈕,點擊[Get It Now!]便可下載一個 ZIP 壓縮格式的檔案回自己的電腦,解壓縮後,便可使用。
3.若要應用的網站的網址列,只要在<head> ... </head>之間,插入
<link rel="shortcut icon" href="favicon.ico"> HTML 標籤即可,若想應用其 GIF 動畫到網址列,同樣的是在<head> ... </head>,插入
<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="animated_favicon.gif" type="image/gif" >
請注意路徑即可。