🛝Toolio
關於 聯絡

🌐 收藏圖示與應用程式圖示產生器

上傳一張圖片，立即下載完整的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檔案，並產生包含正確<link>標籤的HTML片段。所有內容都透過內聯、僅儲存的ZIP寫入器打包成ZIP檔 — 不需要任何外部函式庫。因為整個過程都在瀏覽器中透過Canvas執行，因此您的檔案永遠不會離開您的設備。

如何使用

  1. 將您的原始圖片拖放到上傳區域，或點選選擇檔案 — PNG、JPEG、SVG 或 WebP 都可以使用。
  2. 預覽圖片並確認尺寸以產生：預設選取 16、32、48、64、180、192 和 512 像素的 PNG。
  3. 點選產生，讓 Canvas API 在瀏覽器中調整並渲染每個圖示尺寸。
  4. 點選下載 ZIP，即可在一個壓縮檔中取得所有 PNG、多尺寸的 favicon.ico 以及 HTML 片段檔案。
  5. 從 HTML 檔案中複製 <link> 標籤，並將其貼到您網站的 <head> 中 — 您的 favicon 已準備好。

常見問題

這個工具產生哪些尺寸？
它會產生 16、32、48、64、180、192 和 512 像素的 PNG 檔案、一個包含 16、32 和 48 像素的多尺寸 favicon.ico 檔案，以及對應的 HTML <link> 標籤。
我的圖片會上傳到伺服器嗎？
不會。所有調整尺寸和打包的動作都是在您的瀏覽器中透過 Canvas API 完成的。您的圖片永遠不會離開您的設備。
使用什麼圖片作為來源最佳？
至少 512×512 像素的方形圖片在所有尺寸下都能產生最清晰的結果。SVG 格式尤其適用，因為它是與解析度無關的。
什麼是多尺寸的 .ico 檔案，我為什麼需要它？
.ico 檔案可以在一個二進位檔中嵌入多種解析度。較舊的瀏覽器和 Windows 會使用 .ico 作為標籤圖示和捷徑圖示，並自動選擇最合適的尺寸。使用多尺寸 .ico 可確保在所有地方都有清晰的圖示。
我是否需要為我的網站使用所有生成的尺寸？
對於大多數網站，多尺寸 .ico 加上 180 像素（Apple Touch Icon）和 192/512 像素（PWA）的 PNG 檔案就足以涵蓋所有主要用途。較小的 PNG 檔案是為了完整性及支援舊瀏覽器而包含的。
此工具會上傳我的資料嗎？
不會。所有運作都在您的瀏覽器中進行，因此您的資料永遠不會離開您的設備 — 頁面載入後，它甚至可以在離線狀態下使用。