前言
Favicon（網站圖示）是製作網站時不可或缺的一環。近年來，除了傳統的 favicon.ico 之外，還需要準備專為智慧型手機設計的 Apple Touch Icon 以及各種尺寸的 PNG，要準備的圖片種類越來越多。
如果手動將圖片一張張縮放並匯出，會耗費大量的時間。因此，我開發了一款工具，只需上傳一張圖片，就能一鍵生成所有必要的圖示組，並以 ZIP 格式打包下載。
https://devtoolkits.app/zh-tw/tools/favicon-generator
這是什麼樣的工具？
只要上傳解析度較大（建議 1024x1024 左右）的圖片（PNG/JPG/WebP），工具就會產出符合標準 Favicon 配置所需的所有檔案。
特色
- 📦 一鍵打包生成：同時產出
favicon.ico(內含 16x16, 32x32),apple-touch-icon.png(180x180), 以及各式解析度的 PNG (16x16, 32x32, 192x192, 512x512)。 - 🔒 瀏覽器端處理，安全可靠：所有的圖片處理皆使用 Canvas API 在您的瀏覽器內完成。圖片不會被上傳至伺服器，即使是公司 Logo 等敏感數據也能安心使用。
- ⚡ ZIP 下載：生成的圖片組會打包成一個 ZIP 檔案供您下載，能立即導入專案中使用。
- 🖼️ 維持透明度：若原圖是透明 PNG，匯出的各尺寸圖示也會維持透明背景。
使用方式
- 開啟 Favicon 生成 頁面。
- 將（建議接近正方形的）圖片拖曳放至區域內或選擇檔案。
- 在預覽畫面確認各尺寸的產出狀態。
- 點擊「Download All as ZIP」按鈕保存檔案組。
結語
讓繁瑣的圖示製作工作在幾秒鐘內完成，將精力集中在更核心的開發與設計工作上吧！