Favicon 產生器

免費 Favicon 產生器:用圖片、SVG 或文字和 emoji,在瀏覽器中產生 favicon.ico、PNG 圖示、Apple touch icon 和網頁應用程式資訊清單。

圖片由你的瀏覽器讀取,不會傳送到任何地方。沒有上傳,也沒有儲存。

它做什麼


Favicon 是瀏覽器在分頁、書籤和歷史記錄中顯示的小圖示;手機在使用者把你的網站加入主畫面時也會用到它。這個產生器可以用一張圖片、一個 SVG 標誌,或幾個字母、一個 emoji,產生網站所需的全部檔案:包含 16、32 和 48 像素圖像的 favicon.ico,16、32、192 和 512 像素的 PNG 圖示,180 像素的 Apple touch icon,網頁應用程式資訊清單,以及可貼到頁面中的 HTML 標籤。

使用方式


  1. 選擇圖片或 SVG,或輸入一兩個字母或一個 emoji。
  2. 一邊查看預覽,一邊調整形狀、背景和邊距。
  3. 下載 ZIP,把檔案放在網站根目錄,並將 HTML 貼到 <head> 內。

常見問題


我真正需要哪些檔案?
放在網站根目錄的 favicon.ico 即可涵蓋所有瀏覽器。180 像素的 apple-touch-icon.png 用於 iPhone 和 iPad 的主畫面,192 和 512 像素的 PNG 加上網頁應用程式資訊清單供 Android 使用。ZIP 中包含全部檔案。

為什麼 Apple touch icon 有背景?
iOS 會把 touch icon 的透明區域填成黑色,並自行加上圓角,所以這個圖示一律是方形且不透明的;如果你選擇了透明背景,它會墊上白色。

什麼樣的圖片效果最好?
細節少的方形標誌或符號,至少 512 像素,或使用 SVG。文字和細線在 16 像素下會消失;請查看 16 和 32 像素的預覽,如果圖形碰到邊緣,請使用邊距。

我的新 Favicon 沒有顯示,為什麼?
瀏覽器會長時間快取 Favicon。請直接在瀏覽器中開啟 favicon.ico 並重新整理,或在無痕視窗中測試;搜尋引擎可能需要幾天甚至幾週才會顯示新圖示。

我的圖片會被上傳嗎?
不會。圖示的繪製和檔案的產生都在你的瀏覽器中完成,不會傳送任何內容到伺服器。

⭐ PNG 轉 ICO
🖼 SVG 轉 PNG
📐 圖片尺寸調整

Wikipedia — Favicon
Wikipedia — ICO (file format)