PNG 轉 ICO 轉換器
把正方形 PNG 轉成可同時容納多種圖示尺寸的 .ico 檔案，從瀏覽器分頁用的 16 px 到 Windows 用的 256 px 都包含在內。透明的邊角與邊緣會維持透明。
圖片轉換器
或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·
每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除
檔案會在我們的伺服器上處理，並於 30 分鐘後刪除。
85 可讓照片在視覺上與原圖幾乎相同。只有需要更小的檔案時才調低。
JPG、BMP 和 EPS 不支援透明。透明的像素會以此顏色填滿。
用於透明像素後方的十六進位色碼,例如 #FFFFFF。
此格式只能存放單張圖片。若要保留動畫,請選擇輸出 GIF 或 WebP。
多尺寸圖示會在一個檔案中包含多種解析度,瀏覽器和作業系統會自行選用需要的尺寸。
保留原始尺寸,或輸入其中一邊,系統會維持長寬比。
上方所選邊的像素值。
相對於原始尺寸的百分比。
sRGB 適合螢幕和網頁。印刷流程請保留原始設定;灰階會捨棄顏色。
僅為中繼資料,0 表示保留原始值。印表機和部分入口網站會讀取此數值;不會改變像素尺寸。
使用方式
- 1
上傳正方形 PNG
請使用至少 256 × 256 px、背景透明的原圖。每批最多 20 個 PNG,每個檔案上限 95 MB。
- 2
選擇圖示尺寸
圖示尺寸預設為所有尺寸(16–256),多數情況下維持此選項即可。只有在程式明確要求特定尺寸時,才到進階設定中選擇單一尺寸。
- 3
轉換並使用 .ico
按下轉換為 ICO,下載檔案後放到網站根目錄,或讓 Windows 捷徑指向它。上傳的檔案會在 30 分鐘後刪除。
ICO 是存放多張圖示圖片的小型容器,而不是單一圖片:一個檔案可以包含 16、32、48 和 256 px 的版本,系統會挑選最合適的一張。
將 PNG 轉 ICO，一個檔案包含多種尺寸
ICO 格式可追溯到 1985 年的 Windows 1.0,當時圖示只是很小的點陣圖。它的巧思在於檔案開頭的目錄,列出內含每張圖片及其寬度與高度。Windows Vista(2007)開始允許以 PNG 儲存這些圖片,因此帶有平滑透明效果的 256 × 256 圖示,也能放進可瞬間載入的小檔案中。
在這裡轉換 PNG,就會替你建立這個容器。來源圖片會縮放成各個尺寸,並保留 Alpha 色版,讓圓角與柔和陰影在深色和淺色背景上都好看,最後全部寫入單一 .ico。請從 256 px 以上的圖開始;把 32 px 的 PNG 放大到 256,只會得到一個模糊的大圖示。
16 × 16 px
瀏覽器分頁
標準像素密度下的分頁與書籤
32 × 32 px
高 DPI 螢幕上的分頁
Retina 顯示器與 Windows 200% 縮放
48 × 48 px
Google 搜尋結果
Google 要求正方形 favicon,尺寸為 48 px 的倍數
256 × 256 px
Windows 特大圖示
ICO 檔案能容納的最大圖片
PNG
Portable Network Graphics
PNG 是 1996 年由 PNG Development Group 發布的無損點陣圖格式，後來由 W3C 與 ISO 納入標準。它會完整保留每一個像素，支援完整的 Alpha 透明度，處理文字、銳利邊緣和純色區塊時不會產生瑕疵。這樣的精確度使它非常適合螢幕截圖、標誌、圖示和介面圖形。代價是檔案大小：存成 PNG 的相片，往往比同一張相片存成 JPEG 或 WebP 大上好幾倍。所有瀏覽器、作業系統和編輯軟體都能開啟 PNG 檔案。
- 壓縮方式
- 無損
- 透明度
- 支援
- 動畫
- 不支援
- 推出年份
- 1996 · PNG Development Group
ICO
Windows 圖示
ICO 是 Microsoft 的圖示格式，用於 Windows 程式圖示和網站 favicon。單一 .ico 檔可包含多種尺寸的影像，例如 16×16、32×32、48×48 和 256×256 像素，讓系統挑選最合適的尺寸。每張影像可儲存為點陣圖或 PNG 資料，並支援完整的 Alpha 透明度。ICO 不適合用於照片或大型圖像。瀏覽器、Windows 和多數圖示編輯器都能讀取。
- 壓縮方式
- 無損
- 透明度
- 支援
- 動畫
- 不支援
- 推出年份
- Microsoft
PNG 只是單一尺寸的圖片,而 Windows 和瀏覽器需要內含多種尺寸的 .ico,讓各種螢幕挑選最清晰的一張;反過來由 ICO 轉回 PNG,只是擷取圖像而已。
網站圖示或 Windows 圖示：ICO 裡該放哪些尺寸
瀏覽器以 16 px 繪製分頁圖示,高 DPI 螢幕則用 32 px,Google 搜尋以 48 px 為基準顯示 favicon。保留所有尺寸,一個檔案就能涵蓋這三種。
- 在網站根目錄儲存為
favicon.ico - 另外加上 180 × 180 的 PNG 作為 Apple touch icon
Windows 在標題列使用 16 px,在「特大圖示」檢視與高 DPI 桌面則最高使用 256 px。缺少 256 px 的檔案在這些尺寸下會顯得模糊。
- 保留所有尺寸
- 同時在深色與淺色工作列上檢查圖示
有些遊戲啟動器、伺服器面板和舊程式只讀取第一張圖片,或要求固定尺寸。請在圖示尺寸中選擇 256、128、64、32 或 16 px,產生單一圖片的 ICO。
- 依照程式文件指定的尺寸
- 需要固定 256 px 圖示,請見 PNG 轉 ICO 256x256
準備在 16 px 下依然清楚的 PNG 圖稿
favicon 的概念來自 1999 年的 Internet Explorer 5,當使用者加入書籤時,它會在網站根目錄尋找名為 favicon.ico 的檔案。其他瀏覽器也跟進這個行為,所以直到今天,伺服器記錄中仍會看到對這個路徑的請求。
16 × 16 總共只有 256 個像素,圖案必須夠醒目。去掉標語與細線框,在淺色和深色瀏覽器主題下都保持強烈對比,並在圖形周圍留一個像素的邊距。許多品牌只使用首字母或符號。如果你的標誌有向量檔,請用 SVG 轉 ICO 轉換,讓每個尺寸都由銳利的輪廓繪製。
PNG 轉 ICO 常見問題
如何將 PNG 轉 ICO 作為網站 favicon？
選擇所有尺寸進行轉換,將結果重新命名為 favicon.ico,再上傳到網站的根目錄。瀏覽器會自動請求該路徑,你也可以在網頁的 head 中用 link rel="icon" 標籤指定。
為什麼圖示在 16 像素時看起來很模糊？
細節繁複的圖案縮到 16 × 16 後就無法保留,一個字母或一條細線連一個像素都占不到。請簡化小尺寸的圖案:在瀏覽器分頁上,單一粗體字母或圖形,比附帶文字的完整標誌更容易辨識。
如果我的 PNG 不是正方形會怎樣？
圖示是正方形,寬幅標誌會依讀取它的程式被補白或被壓扁。請先把 PNG 裁切或補成正方形畫布,讓你自己決定留白的位置。
可以用這個 .ico 更換 Windows 資料夾圖示嗎？
可以。在資料夾上按右鍵,開啟「內容」>「自訂」>「變更圖示」,再選取 .ico 檔案。桌面捷徑也一樣,透過「內容」>「變更圖示」設定。
網站已有 PNG 圖示，還需要 ICO 檔案嗎？
新式瀏覽器接受在網頁 head 中宣告的 PNG 和 SVG 圖示,但部分工具、摘要閱讀器與舊版瀏覽器仍會直接請求 /favicon.ico。放一個內含多種尺寸的小型 ICO,可以避免記錄檔出現 404 錯誤。