生成 favicon 和 PWA 圖示尺寸。

從一個已審核的來源影像創建受限包裝的傳統方形 PNG favicon 與 PWA 圖示尺寸,以及一個 ICO 檔案。

何時此工具有用

從帶有安全邊距和透明邊緣的簡單方形標記準備常見的瀏覽器分頁、快捷方式、安裝和啟動器資產。

本地處理如何運作

瀏覽器驗證並解碼一個來源,將其一致地適配到透明方形畫布上的文檔化圖標尺寸,對每個 PNG 進行編碼,將選定的小尺寸打包成 ICO 目錄條目,並在 ZIP 中包含清單片段和文件清單。

使用方法

  1. 準備來源: 從帶有安全邊距和透明邊緣的簡單方形標記準備常見的瀏覽器分頁、快捷方式、安裝和啟動器資產。
  2. 本地處理: 瀏覽器驗證並解碼一個來源,將其一致地適配到透明方形畫布上的文檔化圖標尺寸,對每個 PNG 進行編碼,將選定的小尺寸打包成 ICO 目錄條目,並在 ZIP 中包含清單片段和文件清單。
  3. 下載並驗證: 在淺色和深色背景下檢查每個 PNG 的原始尺寸,確認透明邊距和可遮罩安全區域,打開 ICO 條目,驗證真實網站中的清單路徑,清除平台圖標緩存,並在目標設備上測試安裝與啟動。

重要限制

該包提供尺寸,而非平台批准或完整的網站清單。縮放一個主圖標無法恢復微小尺寸的細節,透明像素可能被某些啟動器合併,支持可遮罩的 PWA 圖標需要刻意設計安全區域的藝術作品,ICO 透明度在 PNG alpha 和舊版遮罩間有所不同,操作系統可能會緩存舊圖標。

驗證下載的結果

在淺色和深色背景下檢查每個 PNG 的原始尺寸,確認透明邊距和可遮罩安全區域,打開 ICO 條目,驗證真實網站中的清單路徑,清除平台圖標緩存,並在目標設備上測試安裝與啟動。

設計上保密

您的檔案將保存在此瀏覽器中。工具不會將來源或輸出上傳到我們的伺服器。

問答

這個工具什麼時候有用?

從帶有安全邊距和透明邊緣的簡單方形標記準備常見的瀏覽器分頁、快捷方式、安裝和啟動器資產。

瀏覽器實際上做了什麼?

瀏覽器驗證並解碼一個來源,將其一致地適配到透明方形畫布上的文檔化圖標尺寸,對每個 PNG 進行編碼,將選定的小尺寸打包成 ICO 目錄條目,並在 ZIP 中包含清單片段和文件清單。

我必須理解哪些限制?

該包提供尺寸,而非平台批准或完整的網站清單。縮放一個主圖標無法恢復微小尺寸的細節,透明像素可能被某些啟動器合併,支持可遮罩的 PWA 圖標需要刻意設計安全區域的藝術作品,ICO 透明度在 PNG alpha 和舊版遮罩間有所不同,操作系統可能會緩存舊圖標。

我應該如何驗證結果?

在淺色和深色背景下檢查每個 PNG 的原始尺寸,確認透明邊距和可遮罩安全區域,打開 ICO 條目,驗證真實網站中的清單路徑,清除平台圖標緩存,並在目標設備上測試安裝與啟動。

相關工具