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 標籤。
使用方式
- 選擇圖片或 SVG,或輸入一兩個字母或一個 emoji。
- 一邊查看預覽,一邊調整形狀、背景和邊距。
- 下載 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 並重新整理,或在無痕視窗中測試;搜尋引擎可能需要幾天甚至幾週才會顯示新圖示。
我的圖片會被上傳嗎?
不會。圖示的繪製和檔案的產生都在你的瀏覽器中完成,不會傳送任何內容到伺服器。