圖片工具箱

ICO 網站圖示製作

從圖片建立多尺寸 PNG favicon 套件，並提供 HTML 與 manifest 範例。

檔案不會上傳到伺服器，而是在瀏覽器中處理。

現代瀏覽器與 Web App 普遍支援 PNG favicon。如果不是特別需要 ICO 檔案，多尺寸 PNG 圖示套件通常已足夠使用。

上傳圖片

點擊或拖放檔案到這裡

大型圖片可能會讓瀏覽器變慢。

符合方式背景顏色

HTML link 範例

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

manifest 範例

{
  "icons": [
    { "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
  ]
}

使用方法

1.選擇檔案或輸入數值。
2.處理
3.下載 ZIP
4.檔案會盡可能在瀏覽器中處理。處理時間可能會因檔案大小、圖片解析度、幀數與裝置效能而不同。

注意事項

1.檔案會盡可能在瀏覽器中處理。處理時間可能會因檔案大小、圖片解析度、幀數與裝置效能而不同。
2.此檔案較大或幀數較多，處理時間可能較長。如果瀏覽器變慢，請改用較小的檔案再試一次。
3.大型檔案可能使用較多瀏覽器記憶體。
4.輸出品質可能因原始檔案、瀏覽器與格式特性而不同。
5.這是無伺服器上傳的 MVP，部分進階功能會後續擴充。

FAQ

檔案會上傳嗎？

檔案會盡可能使用瀏覽器 canvas 與 native API 處理，不會上傳到伺服器。

結果會不同嗎？

計算結果是規劃用預估值。實際結果會因瀏覽器、格式與圖片內容而不同。

ICO 網站圖示製作

HTML link 範例

manifest 範例

使用方法

注意事項

FAQ

相關工具

EXIF 資訊檢視器

移除 EXIF