2010-08-24

Genfavicon 簡單實用的線上 favicon 產生器

常看到 IE 瀏覽器的網址列的網址前有一圖示或是在 Google Chrome 瀏覽器的分頁標籤內網站名稱前有一圖示,這些圖示其實是透過在 HTML Head 區塊內加入<link rel="shortcut icon" href="favicon.ico" />該 link 標籤,那麼如何取得favicon.ico ?我們可以透過 Genfavicon 的網站,免費的產生 favicon, 該網站提供 16x16, 32x32, 48x48, 64x64, 128x128 等尺寸的 ICO 檔,可供運用。

Genfavicon 網站資訊

網站語言:英文網站網址: 按我前往 Genfavicon

如何使用 Genfavicon?

1.進入 Genfavicon 網站後,可先看下 What is facicon ? 的介紹。
Genfavicon 簡單實用的線上 favicon 產生器

2.在第1步驟處,給予圖檔的來源,可以是一個網址或由本機電腦來上傳(最大為 4MB,且須為 JPG、GIF 或 PNG 格式),第2步驟處,使用滑鼠來圈選圖片要保留的位置及選擇所要產生的ICO尺寸,並點擊[Capture & Preview]。
Genfavicon 簡單實用的線上 favicon 產生器

3.在第3步驟處,便可看到所產生的ICO圖示,可點擊[Download Favicon] 或 [Download: jpg],可使用滑鼠來回調整所要保留的位置,以便取得最佳的圖片。
Genfavicon 簡單實用的線上 favicon 產生器

若想將ICO圖檔應用的網址列上,記得要在 Head 區塊內加入<link rel="shortcut icon" href="favicon.ico" />該 link 標籤。

 分享您的留言


請輸入關鍵字


請選擇...


˄