ICO 圖示產生

相關推薦

什麼是 ICO 圖示？

適用場景

• 把網站 Logo 轉成 favicon.ico，顯示在瀏覽器分頁和書籤列。
• 為 Windows 桌面捷徑、資料夾或軟體產生多尺寸 ICO 圖示。
• 替 PWA 或行動 Web 專案準備 128px、180px、256px PNG 圖示素材。
• 把設計稿中的 PNG/WebP 圖示快速轉成前端可部署的 favicon 檔。
• 網站發布前檢查 16px、32px 等小尺寸圖示是否足夠清楚。

使用方法

1. 上傳正方形 PNG、JPG、WEBP 或 BMP 圖片，建議來源圖不小於 256px。
2. 勾選需要輸出的圖示尺寸，一般網站建議至少選 16、32、48、256px。
3. 在右側預覽不同尺寸，確認小圖示仍然清楚可辨。
4. 點擊產生並下載，單尺寸會得到 .ico，多尺寸會得到包含 .ico 和 PNG 的 zip。

功能特點

• 多尺寸 ICO 打包：可選 8、16、24、32、40、48、64、72、96、128、180、256px，兼顧分頁、桌面與應用場景。
• 圖片轉 favicon.ico：上傳 PNG、JPG、WEBP、BMP 等瀏覽器可讀取的圖片，即可產生標準 ICO 檔。
• 同時匯出 PNG 圖示包：選多個尺寸時，會下載包含 .ico 與各尺寸 PNG 的 zip。
• 本機瀏覽器處理：圖片透過 Canvas 縮放並在本機打包，Logo 與品牌素材不會上傳伺服器。
• 預覽每個尺寸：產生前可查看小尺寸圖示效果，避免複雜 Logo 在 16px 下不清楚。

常見問題

術語表

favicon

網站圖示，通常顯示在瀏覽器分頁、書籤、歷史紀錄和搜尋結果旁。

ICO

Windows 圖示容器格式，可在一個檔案中包含多個尺寸和色深的圖像。

多尺寸圖示

同一圖示準備多種像素尺寸，讓瀏覽器和系統在不同顯示密度下選擇更清晰的版本。

ICO 尺寸參考

上傳與下載說明

Authoritative References

• ReferenceMDN - favicon
• ReferenceWikipedia - ICO 檔案格式
• ReferenceRealFaviconGenerator - favicon reference