圖標生成器

從一張圖片生成多尺寸網站 Favicon 和應用圖標,一次下載圖標資源包。

免費瀏覽器

Icon Generator

Upload a source image to generate favicon and app-icon outputs locally.

#ffffff
Square18%Rounded

Source preview

Use a square asset for the cleanest favicon and app-icon exports.

Upload a source image to generate favicon and app-icon outputs locally.
Upload a source image to generate favicon and app-icon outputs locally.

關於圖標生成器

將一張源圖轉換為網站與應用圖標套件。檢查小尺寸效果,再下載資源用於網站 favicon 和應用圖標配置。

如何使用圖標生成器

  1. 選擇清晰的源圖,優先使用方形圖。
  2. 檢查各尺寸預覽,細節丟失時調整源圖。
  3. 下載資源,並在網站中配置所需的圖標鏈接。

輸入與輸出示例

輸入與設置
一張方形品牌標誌
預期輸出
多尺寸 PNG、ICO favicon 和可下載的圖標套件。

適用場景

  • 為新網站準備 favicon。
  • 從同一標誌製作一致的多尺寸圖標。

使用前需要了解的限制

小尺寸會丟失精細細節。工具只生成資源,不會安裝圖標、創建完整 PWA manifest 或發佈網站。

數據處理與費用

核心操作在瀏覽器中完成,工具輸入不會上傳處理。網站仍可能使用會話 Cookie,並按隱私政策收集運行或使用數據。

在瀏覽器中免費使用,無需登錄。

常見問題

它會生成一組標準尺寸的 PNG 圖標(16、32、48、64、128、192、512 px),並額外生成一個包含常見 favicon 尺寸的 ICO 文件。所有輸出會打包成一個 ZIP 下載。

方形 PNG 或帶透明背景的 SVG 效果最好。儘量避免把重要內容放在圖片邊緣,因為縮放到較小尺寸時可能會被裁掉。

把文件放到站點的 public 目錄,並將下載包裡附帶的推薦 HTML 片段加入頁面的 <head>。該片段會包含 favicon、Apple Touch Icon 和 Web App Manifest 的引用。

相關工具