tools / png-to-ico
png-to-ico/
把 PNG、JPG、WebP、SVG 轉成 ICO 圖示：一個 .ico 檔案打包多種尺寸，可做為網站 favicon 或 Windows 圖示，並保留透明背景。圖片不會上傳，在瀏覽器本機轉換。
預覽
每個尺寸都以實際像素顯示，棋盤格底紋表示透明。
如何把 PNG 轉成 ICO
- 選擇或拖曳圖片，PNG、JPG、WebP、SVG、GIF、BMP 都可以。
- 選擇尺寸：做程式、捷徑或資料夾圖示請選「Windows 圖示」，做網站圖示請選「網站 favicon」，也可以自行勾選。
- 查看每個尺寸的預覽，再點選「下載 ICO」。
ICO 應該包含哪些尺寸
Windows 圖示：微軟建議至少包含 16、24、32、48 和 256 這五個尺寸。Windows 會先找大小完全相同的，找不到就拿下一個較大的尺寸縮小，所以包含 256 就只會縮小、不會放大。在高解析度螢幕上想要更清晰，可以再勾選 20、40、64。
網站 favicon：瀏覽器分頁使用 16 和 32；Google 建議搜尋結果中的 favicon 要大於 48×48，所以預設組合多加了一個 64。把檔案改名為 favicon.ico 放到網站根目錄，瀏覽器通常會自動讀取；也可以在 head 裡加上這一行：
<link rel="icon" href="/favicon.ico">
原圖最好是正方形、至少 256×256。小圖放大到 256 會變模糊，轉換時頁面會提示。
關於產生的 ICO 檔案
- 256 以下的尺寸以 32 位元 BMP 儲存，帶有 Alpha 色版和遮罩，相容性最好（PNG 壓縮的圖示要 Windows Vista 以後才支援）；256 則使用 PNG 壓縮，檔案較小。
- 透明背景會原樣保留；JPG 本身沒有透明，會保留原本的底色。
- 不是正方形的圖片，可以在四周留透明邊，也可以置中裁成正方形。
- 圖片只在你的瀏覽器裡處理，不會上傳到任何伺服器。
常見問題
JPG、SVG 也能轉成 ICO 嗎？
可以。SVG 是向量圖，每個尺寸都會依目標大小重新繪製，小尺寸也很清晰。
為什麼 16×16 看起來很模糊？
細節多的圖縮到 16 像素本來就很難看清楚。小尺寸建議使用簡化過的圖形：線條粗、字少、對比強。
三個預設組合分別包含哪些尺寸，可以自己選嗎
「Windows 圖示」是 16、24、32、48、256，「網站 favicon」是 16、32、48、64，「全部」是 16 到 256 共 10 個尺寸。尺寸那一列可以自行勾選，勾選的組合和任何預設組合都不同時，預設組合按鈕會全部熄滅。至少要勾選一個尺寸。
為什麼產生的 ICO 比原本的 PNG 大很多
因為小於 256 的尺寸是未壓縮的 32 位元點陣圖，尺寸越大越佔空間：64×64 一項約 17 KB，128×128 約 66 KB。「網站 favicon」預設組合合計約 31 KB，「Windows 圖示」中 16 到 48 這四項合計約 17 KB，再加上壓縮過的 256 那一張。想讓檔案小一點，就少勾選大尺寸；只勾 16 和 32 約 5 KB。
一次可以轉幾張圖，有大小限制嗎
一次只轉一張，同時拖入多張只會使用第一張，頁面會提示用了哪一張。圖片檔案不能超過 50 MB，點陣圖的像素不能超過 1 億（SVG 不受像素限制）。所有尺寸都是從這一張圖產生的，無法為不同尺寸使用不同的圖。
SVG 轉成 ICO 後比例不對或內容缺失怎麼辦
先檢查 SVG 有沒有寫 width、height 或 viewBox：只有 viewBox 時依它的比例，三樣都沒有就以 300×150 處理，比例會不對。另外，SVG 裡引用的外部圖片和字型不會被載入，需要先把圖片嵌入 SVG，並將文字轉成路徑。
HEIC、TIFF、動態 GIF 能轉成 ICO 嗎
HEIC 和 TIFF 不行，選擇時會提示「不是支援的圖片格式」，需要先轉成 PNG 或 JPG。GIF 可以讀取，但只會使用第一格畫面，ICO 本身也無法放入動畫。可讀取的格式有 PNG、JPG、WebP、SVG、GIF、BMP，AVIF 則取決於瀏覽器能不能解碼。
能產生 macOS 的 .icns 或手機 App 圖示嗎
不行，這裡只產生 .ico，用於 Windows 圖示和網站 favicon。macOS 的 .icns，以及 iOS、Android 的 App 圖示是其他格式和規格，需要用對應的工具產生。