🛝Toolio
關於 聯絡

🌐 Favicon 與應用程式圖示產生器:免費且私密,無需上傳

上傳一張圖片,立即下載完整的favicon套件 — 所有標準尺寸的PNG圖示、多尺寸的.ico檔案,以及可直接複製貼上的HTML連結標籤,全部打包成一個ZIP檔。

載入一個方形圖片
🌐
將標誌拖放到此處,或點選以瀏覽
PNG 或 SVG,最好是方形 — 在您的瀏覽器中生成

隱私優先設計. 此工具完全在您的瀏覽器中執行,您輸入的內容不會上傳,且可離線使用。

關於

此工具使用瀏覽器的 Canvas API,將您的原始圖片調整為現代瀏覽器和作業系統所預期的各種尺寸:16×16、32×32、48×48、64×64、180×180(Apple Touch Icon)、192×192(Android / PWA)和 512×512(PWA splash)。它也會組裝一個多尺寸的 .ico 檔案,將 16、32 和 48 像素的圖示打包成一個二進位檔案,撰寫一個 site.webmanifest,列出 192 和 512 像素的圖示(其名稱和 short_name 留空供您填寫),並產生包含正確 <link> 標籤的 HTML 片段。如果您的圖片不是正方形,您可以保留整個圖片並使用透明邊距,或透過裁剪邊緣來填滿正方形。所有內容都會透過內聯、僅儲存的 ZIP 寫入器打包成一個 ZIP,而且 .ico 也可以單獨下載。因為整個過程都在瀏覽器中透過 Canvas 執行,因此沒有任何檔案會離開您的裝置。

如何使用

  1. 當您選擇圖片時,圖示會立即產生,因此沒有 [產生] 按鈕。請檢查從 16 到 512 像素的預覽效果,以及您的原始圖片的尺寸。如果是非正方形圖片,請選擇保留整個圖片並使用邊距,或填滿正方形並裁剪邊緣。
  2. 請點選 [下載 ZIP] 來接收所有 PNG、多尺寸 favicon.ico、site.webmanifest 和 HTML 片段檔案的壓縮檔。如果您只需要 .ico 檔案,請點選 [僅下載 .ico]。
  3. 請點選 [複製 HTML 標籤](或開啟 head-snippet.html),並將 <link> 標籤貼到您的網站的 <head> 中。
  4. 請將檔案上傳至您的網站的根目錄,然後在 site.webmanifest 中填寫 name 和 short_name。

常見問題

此工具會產生哪些尺寸?
它會產生 16、32、48、64、180、192 和 512 像素的 PNG 檔案,一個包含 16、32 和 48 像素圖示的多尺寸 favicon.ico,一個列出 192 和 512 像素圖示的 site.webmanifest,以及對應的 HTML <link> 標籤。
我的圖片會上傳到伺服器嗎?
不會。所有調整尺寸和打包的動作都是在您的瀏覽器中透過 Canvas API 完成的。您的圖片永遠不會離開您的設備。
使用什麼圖片作為來源最佳?
至少 512×512 像素的正方形圖片在所有尺寸上都能產生最清晰的結果。SVG 特別適合使用,因為它是與解析度無關的。如果圖片不是正方形,您可以保留整個圖片並使用透明邊距(預設),或透過裁剪邊緣來填滿正方形。如果點陣圖小於 512 像素,系統會放大較大的圖示,並顯示提示。
什麼是多尺寸的 .ico 檔案,我為什麼需要它?
一個 .ico 檔案可以在一個二進位檔案中嵌入多種解析度。較舊的瀏覽器和 Windows 使用 .ico 來顯示標籤圖示和捷徑,自動選擇最適合的尺寸。此工具產生的 .ico 包含 16、32 和 48 像素的圖示,您可以不使用 ZIP 即可單獨下載它。
我是否需要為我的網站使用所有生成的尺寸?
對於大多數網站,多尺寸 .ico 加上 180 像素(Apple Touch Icon)和 192/512 像素(PWA)的 PNG,再加上 site.webmanifest,就能涵蓋所有主要的使用案例。較小的 PNG 也包含在內,以確保完整性和支援舊版瀏覽器。
此工具會上傳我的資料嗎?
不會。所有運作都在您的瀏覽器中進行,因此您的資料永遠不會離開您的設備 — 頁面載入後,它甚至可以在離線狀態下使用。

在最近 29 天內執行了 50 次。 結果已複製或下載:94% 根據我們自己的伺服器測量,2026-10-11–2026-11-09。