數秒內產生完整的 PWA 圖示資源與 site.webmanifest

只需一張標誌圖片，即可匯出漸進式 Web 應用程式（PWA）所需的所有必要應用程式圖示與設定檔。下載內含完整 HTML 連結標籤、可直接部署的 ZIP 壓縮檔。

Drop a logo or icon image here

Tap to choose a file

或點擊選擇 ·PNG SVG JPG · does not need to be square

捷徑PNG → ICO SVG → ICO

數秒內產生完整的 PWA 圖示資源與 site.webmanifest

步驟說明

1
新增來源標誌
選取高解析度的正方形 PNG、SVG 或 JPG 檔案。
2
設定留白間距
依需求調整圖示留白（0%、8% 或 15%）及背景填滿顏色。
3
下載 ZIP 壓縮檔
直接將產生的圖示資源解壓縮至您的網站專案根目錄。

完整的 PWA 資源套件

產生 icon-192.png、icon-512.png、apple-touch-icon.png（180px）以及符合現代 Web 應用程式標準、開箱即用的 site.webmanifest 檔案。

隨附 HTML 程式碼片段

輸出的 ZIP 檔案包含精確的 HTML `` 程式碼片段，可直接貼入文件的 `

`, eliminating manual syntax mistakes.

情境使用指南

Favicon 產生器 →

製作 iOS Apple Touch 圖示與多解析度網站圖示產生 apple-touch-icon.png (180px)、16/32/48 ICO 以及 manifest 檔…

常見問題

這款工具會使用 AI 生成或去除背景嗎？

不會，本工具不具備 AI 生成或自動去背功能。請提供已帶有您所需背景的圖片。

favicon.ico 是否包含多種解析度？

是的，favicon.ico 檔案內嵌了 16x16、32x32 及 48x48 的 PNG 尺寸，以確保完整的瀏覽器相容性。