Monu Tools

Favicon 產生器

將任何圖片轉換為完整的 favicon 圖示組:.ico 檔案、多種 PNG 尺寸、Apple touch icon 以及 web manifest,全部在瀏覽器中產生。

將檔案拖放到這裡,或點擊選擇

檔案在你的瀏覽器中處理,絕不會上傳。

如何使用 Favicon 產生器

  1. 01

    上傳一張正方形圖片。簡單的 logo 或圖示效果最佳,圖片會在你的瀏覽器中處理。

  2. 02

    可選擇背景顏色並輸入網站名稱,用於 web manifest。

  3. 03

    下載 ZIP 檔案,並將 HTML 程式碼片段貼到頁面 head 中。

常見問題

favicon 套件包含哪些內容?

包含 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>

相關工具