Global ToolBox

網站圖示產生器

從任何圖片產生完整的網站圖示(favicon)與應用程式圖示 PNG 檔——從 16×16 到 512×512——完全在你的瀏覽器中處理。

🔒 在你的瀏覽器本機處理

載入中…

使用方法

  1. 將圖片拖放到上方框中,或點擊選擇檔案。
  2. 非正方形的圖片會自動置中裁切為正方形。
  3. 每個尺寸的圖示產生後會立即顯示預覽。
  4. 可以逐一下載圖示,或使用「全部下載」依序儲存所有尺寸。

功能特色

  • 產生 6 種標準尺寸:16、32、48、180、192 與 512 px
  • 包含 Apple touch icon 與 Android/PWA manifest 所需的圖示尺寸
  • 自動將非正方形圖片置中裁切為正方形
  • 每個產生的尺寸都能即時預覽
  • 100% 本機處理,使用 Canvas API,不需上傳

常見問題

為什麼需要這麼多不同尺寸的 favicon?

不同瀏覽器、作業系統與平台會要求不同的圖示尺寸——例如 16×16 與 32×32 用於瀏覽器分頁與書籤、180×180 用於 iOS 的 Apple touch icon,而 192×192/512×512 則用於 Android 主畫面與 PWA manifest。提供齊全的尺寸能確保你的網站在各處都能清晰顯示。

如果我的圖片不是正方形怎麼辦?

系統會先自動將圖片置中裁切為最大的正方形,再進行縮放,因此每個產生的圖示都會是正方形,不會變形。

可以上傳哪些檔案格式?

支援 JPG、PNG 與 WebP 圖片,所有產生的 favicon 都會匯出為 PNG 檔案。

我的圖片會被上傳到哪裡嗎?

不會。裁切與縮放都是使用瀏覽器內建的 Canvas API 在本機完成,圖片不會離開你的裝置。

產生的檔案該如何用在我的網站上?

將 favicon-16x16.png、favicon-32x32.png、favicon-48x48.png 與 apple-touch-icon.png 放到網站根目錄,再連同兩個 Android/PWA 尺寸,一起加入 HTML 的 link 標籤或 web app manifest 中即可。

相關工具