免費 Favicon 產生器
從圖片產生 Favicon 與完整安裝檔案
加入一張品牌標誌圖片，查看實際尺寸預覽，然後一次下載 favicon.ico、PNG 圖示、Apple touch icon、maskable icon、web manifest 與 HTML 程式碼。
瀏覽器本機處理免註冊ICO + PNG + Manifest
在瀏覽器中處理
將品牌標誌拖曳至此，或選擇圖片
實際尺寸預覽
在瀏覽器中處理
3 steps
如何為網站製作 Favicon
- 1
選擇正方形 PNG、JPG、WebP 或 SVG，並在品牌標誌周圍保留適當留白
- 2
調整邊距與背景顏色，檢查 16、32、48 與 180 px 預覽
- 3
產生檔案、下載 ZIP，並將提供的 HTML 標籤放進網站 <head>
每種 Favicon 檔案的用途
favicon.ico 用於瀏覽器與舊系統；16 和 32 px PNG 用於瀏覽器分頁；Apple touch icon 用於 iPhone 與 iPad 主畫面；maskable icon 可減少 PWA 圖示被裝置裁切的問題。
FAQ
Favicon 常見問題
Favicon 應該使用多大尺寸？+
工具會產生 16、32、48、180、192 與 512 px 等常用尺寸。
可以從 PNG 產生 favicon.ico 嗎？+
可以。工具會把 16、32 與 48 px PNG 封裝進同一個 favicon.ico。
圖片會上傳至伺服器嗎？+
不會。圖片只在瀏覽器中讀取、繪製並封裝成 ZIP。
Favicon 檔案應放在哪裡？+
通常放在網站根目錄或 public 目錄，再把 favicon-snippet.html 中的標籤加入 head。