Favicon 產生器

從一張來源圖片為你的網站建立所有必要的 favicon 檔案。

免費 - 無需註冊 - 在你的裝置上執行

你的檔案留在你的裝置上

  • ICO檔案
  • 7 種 PNG尺寸
  • Manifest和設定
  • ZIP輸出
實際使用

可以放心的地方

  • 0檔案上傳
    • 產生在你的瀏覽器中完成
    • 你的圖片保持私密
  • 100%基於瀏覽器
    • 不涉及伺服器處理
    • 無需排隊，即時取得結果
  • 1張來源圖片
    • 產生一整套圖示
    • 簡化建立過程
規格

Favicon 產生器 規格一覽

輸入格式
JPG、PNG、WebP、HEIC、HEIF
產生尺寸
16 至 512 px PNG，一個 ZIP
用在哪裡
分頁、書籤、手機、磁磚
ICO 檔案
由 16、32、48 px 組成
設定檔
manifest 和 browserconfig
批次處理
一次一張圖片
運算位置
在你的瀏覽器分頁內
加入檔案
拖放、選檔或貼上
價格
免費
需要帳戶
否
使用方法

Favicon 產生器 怎麼用

  1. 1

    新增你的來源圖片

    拖放你的來源圖片，或點擊選擇檔案。至少 512x512 像素的正方形圖片會產生最佳效果。

  2. 2

    看清楚會拿到什麼

    面板會列出 ZIP 裡的每一個檔案。沒有設定要調：正方形圖直接用，其餘置中裁切。

  3. 3

    下載 ZIP 檔案

    點擊下載按鈕以儲存包含所有產生的 favicon 檔案和設定檔案的 ZIP 壓縮檔。

問題

常見問題

理想的來源圖片是什麼？

至少 512x512 像素的正方形圖片是最佳選擇。工具會調整其大小以建立所有需要的較小版本。

ZIP 裡的檔案要全部用嗎？

把 favicon.ico 和那批 PNG 放在網站根目錄；如果要 Android 和 Windows 的那一份，就留下 site.webmanifest 和 browserconfig.xml。

此工具會建立 SVG favicon 嗎？

不會，此產生器專注於建立一組標準的點陣圖 favicon（ICO 和 PNG）以獲得廣泛的相容性。

一次可以加入多少張圖片？

沒有固定上限。總量超過約 500 MB 時，頁面會在開始前提醒你。ZIP 內同名檔案會自動加上編號。若瀏覽器不支援，頁面會直接說明，不會讓你白等。

site.webmanifest 的 name 是空的，是不是壞了？

不是。name 與 short_name 刻意留空，因為只有你知道網站叫什麼。上線前用任何文字編輯器打開檔案，把這兩欄填好即可。

背景說明

什麼是 Favicon？

放入一張正方形圖，取回一個 ZIP：favicon.ico、16 至 512 px 的 PNG，以及 manifest 和 browserconfig 設定檔。

  • Favicon 是代表網站的圖示。它出現在瀏覽器分頁、書籤列以及其他需要網站識別的地方。
  • 現代網站需要多種 favicon 尺寸和格式，才能在所有裝置上看起來清晰。此產生器提供了一整套以確保相容性。

完整規格

Favicon 產生器 的完整規格
輸入格式JPG、PNG、WebP、HEIC、HEIF。正方形圖片效果最好，其餘會置中裁切。
產生尺寸16、32、48、150、180、192、512 px 的 PNG，全部放在一個 ZIP 裡。
用在哪裡瀏覽器分頁、書籤列、iPhone 主畫面、Android 啟動畫面，以及 Windows 磁磚。
ICO 檔案favicon.ico 在這裡由 16、32、48 px 的 PNG 組成，一個檔案照顧所有瀏覽器。
設定檔manifest 和 browserconfig 設定檔都在 ZIP 內，圖示路徑已填好。
批次處理一次一張圖片；整組檔案會以一個 ZIP 回傳。
運算位置在你的瀏覽器分頁內完成，圖片不會離開裝置。
加入檔案可拖放、選檔，或用 Ctrl／⌘+V 貼上。同一批檔案可直接帶去站內其他工具，不必重新上傳。
價格免費
需要帳戶否
下一步

用同一批檔案繼續做

全部圖片工具： SPOTTOOLS 的圖片工具