拖放、貼上或選擇圖片
HEIC · JPG · PNG · WebP · AVIF · GIF — 最大 50 MB
需要一般圖片格式而不是圖示?圖片格式轉換可匯出 JPG、PNG、WebP、AVIF 與 PDF。
PNG 與 ICO:單張圖片 vs. 一組多尺寸圖示
ICO 檔是一個小容器,裡面裝著同一個圖示的多個正方形版本。Windows 和瀏覽器會依圖示顯示的位置挑選合適的尺寸。
| 項目 | PNG | ICO |
|---|---|---|
| 內容 | 單張圖片 | 同一圖示的多種尺寸 |
| 形狀 | 不限 | 正方形,最大 256 × 256 px |
| 透明 | Alpha 色版 | Alpha 色版(以 PNG 壓縮的項目) |
| 用途 | 什麼都能用 | favicon.ico、Windows 程式與捷徑 |
| 瀏覽器 Favicon | 可以,透過 link 標籤 | 可以,也會自動讀取 /favicon.ico |
本工具會把每個尺寸以 PNG 形式存進 ICO,Windows Vista 起及目前的瀏覽器都支援這種結構。查核於 2026 年 9 月。
從正方形 PNG 開始
圖示都是正方形。非正方形的 PNG 會被置中放在透明的正方形上,所以想讓標誌填滿圖示,請先裁切成正方形。
原圖要大,至少 256 px
每個尺寸都是從你的 PNG 縮小而來。用 512 × 512 px 的原圖,各種尺寸都能做得乾淨俐落。
透明會保留下來
圓角或不規則形狀的標誌會保留透明的角落,放在淺色或深色的瀏覽器分頁上都很乾淨。
ICO 裡該放哪些尺寸
預設的 16、32、48 和 256 px 就涵蓋瀏覽器分頁和 Windows。如果是電腦程式的圖示,再加上 64 和 128。
| 尺寸 | 常見顯示位置 |
|---|---|
| 16 × 16 | 一般螢幕上的瀏覽器分頁與書籤 |
| 32 × 32 | 高解析度螢幕上的分頁、Windows 工作列 |
| 48 × 48 | Windows 檔案總管與桌面圖示 |
| 64 × 64 | 開啟顯示縮放時的桌面圖示 |
| 128 × 128 | 大圖示檢視 |
| 256 × 256 | Windows 檔案總管的超大圖示 |
各尺寸的使用位置取決於系統與顯示縮放設定。查核於 2026 年 9 月。
小尺寸要用簡單的圖
在 16 px 下,細節多的標誌會糊成一團。單一字母或符號會比完整的文字標誌更好辨識。
尺寸越多,檔案越大
每多一個尺寸就多一張圖。網站 Favicon 通常有 16、32 和 48 px 就夠了。
檢查 16 px 預覽
下載前看一下最小的尺寸。如果看不清楚,就把原始 PNG 簡化一點。
現在哪些地方還需要 favicon.ico
現代網站也會宣告 PNG 或 SVG 圖示,但 ICO 檔並沒有消失。
瀏覽器仍會索取 /favicon.ico
沒有宣告圖示時,許多瀏覽器會向網站根目錄請求 /favicon.ico。把檔案放在那裡,記錄檔就不會出現找不到圖示的錯誤。
Windows 程式與捷徑
Windows 上的執行檔、安裝程式和桌面捷徑都使用 ICO 檔當圖示。
不適用於 Apple Touch 圖示
iPhone 和 iPad 主畫面圖示用的是 PNG(apple-touch-icon,通常為 180 × 180 px),不是 ICO。這部分請保留你的 PNG。
PNG 轉 ICO:常見問題
怎麼把 PNG 轉成網站 Favicon 用的 ICO?
上傳至少 256 px 的正方形 PNG,保留 16、32 和 48 三種尺寸,下載 favicon.ico 後放到網站根目錄即可。
PNG 轉 ICO 會保留透明背景嗎?
會。ICO 裡的每個尺寸都連同 Alpha 色版一起儲存,所以不管分頁是什麼顏色,透明角落都會維持透明。
如果我的 PNG 不是正方形會怎樣?
每個尺寸都會把圖片置中放在透明的正方形畫布上。想讓標誌填滿整個圖示,請先裁切成正方形。
一個 ICO 檔可以包含多種尺寸嗎?
可以,這正是這個格式的用意。16、32、48、64、128 和 256 px 可任意勾選,系統會依圖示出現的位置挑選最合適的尺寸。
已經用 PNG Favicon 了,還需要 ICO 嗎?
不一定需要,但在網站根目錄放一個 favicon.ico,是應付預設會索取它的瀏覽器和工具最省事的保險。
製作圖示時,我的標誌會被上傳嗎?
不會。ICO 在你的瀏覽器分頁中組裝完成,PNG 始終留在你的裝置上。只有下載時需要免費帳號。
相關轉換
來源或目標格式相同的其他格式組合。
