將任何圖片轉換為完整的 favicon 圖示組:.ico 檔案、多種 PNG 尺寸、Apple touch icon 以及 web manifest,全部在瀏覽器中產生。
檔案在你的瀏覽器中處理,絕不會上傳。
如何使用 Favicon 產生器
上傳一張正方形圖片。簡單的 logo 或圖示效果最佳,圖片會在你的瀏覽器中處理。
可選擇背景顏色並輸入網站名稱,用於 web manifest。
下載 ZIP 檔案,並將 HTML 程式碼片段貼到頁面 head 中。
常見問題
包含 16、32 和 48 px 的 favicon.ico,單獨的 16 和 32 px PNG 檔案,180 px 的 Apple touch icon,用於 Android 的 192 和 512 px PNG 檔案,一個 site.webmanifest,以及可貼到頁面 head 的 HTML 程式碼片段。
至少 512 px 的正方形圖片效果最佳,最好是簡單的 logo 或標誌。非正方形圖片會被置中並填充為正方形,因此靠近邊緣的細節可能會落入留白中。
不會。圖示使用 Canvas API 在你的瀏覽器中產生,因此你的圖片絕不會離開你的裝置。
favicon 是顯示在瀏覽器分頁、書籤和手機主畫面上的小圖示。現代網站需要多種尺寸以及一個 Apple touch icon,如果希望可安裝,還需要一個 web manifest。
此產生器從單張圖片建立整組圖示,包括一個真正的多尺寸 .ico 檔案,並為你提供可直接放入頁面的 HTML 程式碼。一切都在你的瀏覽器本機執行,不會上傳任何內容。
嵌入此工具
將此工具加入你自己的網站。複製下方的程式碼片段,它會自動保持最新。
<iframe src="https://monu.tools/embed/zh-Hant/favicon-generator" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>相關工具