Favicon 產生器

由方形標誌圖片產生 favicon.ico 與 16–512 像素的 PNG 圖示，ZIP 下載網站可用圖示包。

檔案與內容在您的瀏覽器中處理，不會上傳至我們的伺服器。

工具說明

將方形 PNG 或 SVG 標誌圖片轉換成完整的網站圖示套件：16×16、32×32、180 apple-touch、192/512 PWA 與多尺寸 favicon.ico。可預覽深/淺背景，ZIP 下載後即可寫入 <link rel="icon">。

使用方式

多尺寸 PNG
favicon.ico 打包
Apple touch 與 PWA 建議尺寸
深/淺背景預覽
ZIP 下載
上傳標誌圖片: 建議至少 512×512 方形來源。
預覽尺寸: 確認 16px、32px 可辨識。
下載 ZIP: 放入網站公開目錄或資源資料夾。

範例

為新網站製作常用的 favicon 圖示
品牌更新後重新產生 PWA 圖示與網頁應用程式資訊清單
iOS 書籤 apple-touch-icon
無需額外指令列工具的網站圖示

限制

細節過多的標誌圖片縮小至 16×16 像素後可能無法辨識，建議簡化圖案。
SVG 檔案會依照所選的最大尺寸轉換為 PNG 與 favicon.ico 檔案
上傳的標誌圖片會直接在您的瀏覽器中處理，不會傳送至伺服器。

常見問題

包含哪些尺寸？: 常見含 16、32、48、180、192、512 與 favicon.ico。
透明背景的標誌在深色瀏覽器分頁中會如何顯示？: 用預覽模式；小尺寸可加淡色底襯。
如何安裝？: 將圖示放入 public/ 目錄，並在 HTML 的 head 與網頁應用程式資訊清單中引用對應尺寸。