⭐ Favicon 生成器

從一張圖片生成 ICO + PNG 全尺寸網站圖示

🔒 你的影像永遠不會離開你的裝置。 所有處理都使用 Canvas API + ICO encoder 在你的瀏覽器中進行。不上傳、不經伺服器、不追蹤。

功能特色

  • 全尺寸生成 — 一次生成 16x16 到 512x512 的所有常用 Favicon 尺寸。
  • ICO 格式 — 生成包含多種尺寸的標準 ICO 檔案，相容所有瀏覽器。
  • HTML 程式碼 — 自動生成 HTML link 標籤程式碼，直接複製到網頁頭部即可使用。
  • 完全離線 — 所有處理在瀏覽器中完成，圖片不會上傳到任何伺服器。

運作方式

  1. 上傳圖片 — 拖放一張正方形圖片作為 Favicon 原始檔。
  2. 預覽所有尺寸 — 檢視各種尺寸的生成效果。
  3. 下載並使用 — 下載 ICO 檔案和 PNG 檔案，複製 HTML 程式碼到網頁中。

使用情境

  • 為新網站快速生成全套 Favicon
  • 生成 PWA 和移動端書籤圖示
  • 更新品牌重塑後的網站圖示

常見問題

源圖片應該是什麼尺寸？

建議使用 512x512 或更大的正方形圖片，這樣縮小到各尺寸時效果最好。

ICO 和 PNG 有什麼區別？

ICO 是傳統格式，相容所有瀏覽器。PNG 是現代格式，檔案更小。建議兩者都部署以獲得最佳相容性。

需要部署哪些檔案？

至少需要 favicon.ico 放在網站根目錄。完整部署建議包括 180x180 的 Apple Touch Icon 和 192/512 的 PWA 圖示。

相關工具