如何將 PNG 轉換成 ICO
- 1. 選擇圖片點選「選擇 PNG 檔案」，或把 PNG、JPG、WebP 或 SVG 拖曳到框內。
- 2. 點選「轉換」在「輸出」選擇「ICO 檔（16–256 px）」或「Favicon 圖示組（.zip）」，然後點選「轉換」。
- 3. 下載逐一下載結果，或用「全部下載（.zip）」一次下載。
關於 ICO 和 PNG
ICO 是 Windows 的圖示格式。一個 .ico 檔可以存放同一個圖示的多種尺寸，從 16 × 16 到 256 × 256 像素。Windows 和瀏覽器會自動挑選合適的尺寸。
PNG 只存一張固定尺寸的圖片。Windows 不會把它當作檔案或資料夾圖示，很多工具也仍然會尋找 favicon.ico。
| PNG | ICO | |
|---|---|---|
| 每個檔案的圖片數 | 一張 | 多種尺寸 |
| 最大尺寸 | 幾乎沒有限制 | 256 × 256 像素 |
| 透明 | 支援 | 支援 |
| Windows 圖示 | 不能使用 | 可以使用 |
| 網站 Favicon | 可以，限新版瀏覽器 | 可以，所有瀏覽器 |
| 適合 | 圖稿、網頁圖片 | Favicon、Windows 捷徑和資料夾 |
ICO 檔或 Favicon 圖示組
「ICO 檔」會產生一個 .ico，內含 16 到 256 像素的常用尺寸。可以用在 Windows 捷徑、資料夾和應用程式，或當作 favicon.ico。
「Favicon 圖示組（.zip）」是給網站用的。裡面有 ICO 檔，加上瀏覽器、手機和主畫面需要的各種尺寸 PNG 圖示。把檔案上傳到網站，再在網頁的 head 中引用即可。
製作好圖示的建議
- 使用至少 256 × 256 像素的正方形圖片。太小或不是正方形的圖片會模糊，或填不滿圖示。
- 使用簡單的圖形或縮寫字母。帶文字的寬版標誌在 16 × 16 時會看不清楚。
- 使用透明背景，圖示在淺色和深色瀏覽器主題中都能正常顯示。
- SVG 的效果最清晰，因為每個尺寸都會重新繪製。
- 把 favicon.ico 放在網站的根目錄。即使網頁沒有連結到它，瀏覽器也會尋找 /favicon.ico。
- 瀏覽器會長時間快取 Favicon。如果還是看到舊圖示，請用無痕視窗開啟，或清除快取。
- 要從現有圖示取出圖片，請使用 ICO 轉 PNG。
在 Windows 變更資料夾或捷徑圖示
在資料夾上按右鍵，選擇「內容」→「自訂」→「變更圖示」。捷徑則選擇「內容」→「變更圖示」。找到您的 .ico 檔並套用。
請把 .ico 檔放在固定的位置，因為 Windows 會從那裡讀取圖示。
隱私
轉換在您的瀏覽器中進行。圖片不會上傳到伺服器。
常見問題
ICO 檔包含哪些尺寸？
一個檔案內含 16 × 16 到 256 × 256 像素的常用圖示尺寸。Windows 和瀏覽器會挑選合適的尺寸。
怎麼製作網站的 Favicon？
加入正方形的標誌，選擇「Favicon 圖示組（.zip）」，然後點選「轉換」。解壓縮後把檔案上傳到網站根目錄，再在網頁的 head 中引用。
可以用 JPG 或 SVG 製作 ICO 嗎？
可以。這個工具接受 PNG、JPG、WebP 和 SVG。JPG 不支援透明，要透明背景請使用 PNG、WebP 或 SVG。
ICO 會保留透明背景嗎？
會。PNG、WebP 或 SVG 中的透明區域，在圖示中仍然是透明的。
現在還需要 favicon.ico 嗎？
需要，可以當作備用。新版瀏覽器能使用 PNG 或 SVG 格式的 Favicon，但放在根目錄的 favicon.ico 支援度最廣。
為什麼圖示在小尺寸時看起來模糊？
細節和細小的文字在 16 × 16 像素下無法顯示清楚。請使用線條粗、形狀簡單的圖形，並從至少 256 × 256 像素的圖片開始。