🔷 Favicon 套件產生器

上傳任意圖片，自動產生網站所需的完整 favicon 套件：favicon.ico、各尺寸 PNG、Apple Touch Icon、Android Chrome 圖示及 site.webmanifest，一鍵打包下載 ZIP。

什麼是 Favicon 產生器？

Favicon 產生器讓你上傳任意圖片，自動產生網站所需的完整 favicon 套件：favicon.ico、各種尺寸的 PNG、Apple Touch Icon、Android 圖示等。現代瀏覽器與裝置需要多種尺寸與格式的圖示，手動一個個輸出既繁瑣又容易漏。

你只要上傳一張清楚的方形圖，工具就會一次產出所有需要的檔案與對應的 HTML 引用碼，省去逐一製作的麻煩。

適用情境

如何使用

  1. 上傳一張清楚的方形圖片（建議 512×512 以上）。
  2. 工具自動產生各尺寸的 favicon 與圖示。
  3. 下載完整的 favicon 套件。
  4. 把對應的 HTML 引用碼貼進網頁的 <head>。

使用技巧

名詞解釋

Favicon
顯示在瀏覽器分頁、書籤上的網站小圖示。
Apple Touch Icon
iOS 裝置加入主畫面時使用的圖示。
.ico
可內含多種尺寸的傳統圖示檔格式。

常見問題 FAQ

什麼是 favicon？為什麼需要多個尺寸？

Favicon 是顯示在瀏覽器分頁、書籤列和手機主畫面的小圖示。不同裝置和平台需要不同尺寸：桌面瀏覽器使用 16×16 和 32×32px；iOS 需要 180×180px 的 Apple Touch Icon；Android 需要 192×192 和 512×512px；部分舊版瀏覽器仍需要 .ico 格式。

如何將產生的 favicon 加入我的網站？

解壓縮下載的 ZIP，將所有檔案放到網站根目錄，然後把工具底部提供的 HTML 片段複製貼入所有頁面的 <head> 標籤中即可。大多數現代 CMS（WordPress、Webflow、Framer）也有專門的 Favicon 設定欄位，直接上傳對應尺寸的圖片即可。

什麼圖片最適合當 favicon？

建議使用正方形、背景透明的 PNG 或 SVG 圖片，並確保圖示在小尺寸（16×16px）下仍清晰可辨。過於複雜的圖案在縮小後會變得模糊，建議使用簡單的標誌或字母圖示。

我的圖片會上傳到伺服器嗎？

不會。所有圖片縮放和 ZIP 打包作業完全在您的瀏覽器本地執行，圖片資料絕對不會離開您的裝置，可放心使用。

會產生哪些檔案？

包含 favicon.ico、各種尺寸的 PNG、Apple Touch Icon 與 Android 圖示等，涵蓋現代瀏覽器與行動裝置所需的格式。

該上傳什麼樣的圖？

建議用清楚的方形圖（512×512 以上）、主體置中、邊界留白足夠。圖示縮到很小時，過於複雜的細節會看不清楚。

圖片會上傳嗎？

圖示在你的瀏覽器本機產生，上傳的圖片用於本機處理，不會被儲存。請參考工具說明確認資料處理方式。

產生後要怎麼用？

下載 favicon 套件、放進網站目錄，並把工具提供的 HTML 引用碼完整貼進網頁的 <head> 即可生效。