ICO 轉 SVG 轉換器

把 Windows 圖示或 favicon 放進 .svg 檔，供只接受 SVG 的工具使用。圖示的像素仍是像素，因此本頁也說明如何取得真正的向量路徑，或直接取得更大的 PNG。

或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·

每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除

輸出

轉換為

檔案會在我們的伺服器上處理，並於 30 分鐘後刪除。

使用方式

1
上傳 .ico 檔案
網站的 favicon.ico，或 Windows 程式的圖示。每批最多 20 個檔案。
2
按下「轉換為 SVG」
ICO 中尺寸最大的圖像會被放入 SVG 文件，並完整保留透明度。
3
決定下一步需要什麼
可直接使用該 SVG、將它描繪為可縮放的路徑，或在只需要圖片時擷取 PNG。

解答

ICO 轉 SVG 之後，圖示就能無損縮放嗎？

不能。ICO 只有點陣圖，所以 SVG 只是把其中最大的一張包起來，像素和透明度都原樣保留。想要任何尺寸都清晰的圖示，請進行描繪；想要較大的圖片檔，請擷取 PNG。

本頁功能

封裝式 SVG

把 ICO 中最大的點陣圖放進 .svg 檔案。

外觀與圖示完全相同
保留透明度
放大會變模糊

描繪

描繪式 SVG

透過圖片轉 SVG 把邊緣變成向量路徑。

可縮放至任何尺寸
顏色與形狀可編輯
細小的細節可能被簡化

擷取

ICO 轉 PNG

把最大的圖示圖像儲存為 PNG。

到處都能開啟
無損且支援透明
像素尺寸固定

ICO 轉 SVG：只是包住像素，不是向量圖

ICO 格式最早可追溯到 1985 年的 Windows 1.0，1999 年 Internet Explorer 5 開始尋找 /favicon.ico 後，它成為 favicon 的格式。一個檔案內含多張正方形點陣圖，讓 Windows 和瀏覽器可以挑選合適的尺寸：瀏覽器分頁用 16 px，工作列和桌面用 32 或 48 px，而自 Windows Vista 起，還有以壓縮 PNG 資料儲存的 256 px 圖像。這個結構中沒有任何路徑、曲線或填色。

SVG 自 2001 年起成為 W3C 標準，可以容納兩種內容：向量形狀和嵌入的點陣圖。轉換 ICO 時，唯一誠實的輸出就是第二種。SVG 會取得圖示的寬度和高度，加上一個含有像素的 image 元素，因此在瀏覽器、Figma 或簡報中的顯示與 ICO 完全相同。放大後看到的仍是同樣的像素，因為沒有重新繪製任何東西。

ICO 內含的圖示尺寸，以及最大尺寸為何重要

1:1

16 × 16 px

瀏覽器分頁 favicon

太小，不易描繪

1:1

32 × 32 px

高像素密度分頁、工作列

favicon.ico 常見的最大尺寸

1:1

48 × 48 px

桌面圖示（Windows）

多數程式圖示都有

1:1

256 × 256 px

大圖示檢視

描繪或轉 PNG 的最佳來源

ICO

Windows 圖示

ICO 是 Microsoft 的圖示格式，用於 Windows 程式圖示和網站 favicon。單一 .ico 檔可包含多種尺寸的影像，例如 16×16、32×32、48×48 和 256×256 像素，讓系統挑選最合適的尺寸。每張影像可儲存為點陣圖或 PNG 資料，並支援完整的 Alpha 透明度。ICO 不適合用於照片或大型圖像。瀏覽器、Windows 和多數圖示編輯器都能讀取。

壓縮方式: 無損
透明度: 支援
動畫: 不支援
推出年份: Microsoft

ICO 轉檔工具

SVG

可縮放向量圖形（SVG）

SVG 是 W3C 於 2001 年標準化、以 XML 為基礎的向量格式。它描述的是形狀、路徑和文字而非像素，因此任何尺寸都保持清晰，用於標誌和圖示時檔案通常非常小。它支援透明度、CSS 樣式、指令碼和動畫，所有瀏覽器都能原生顯示。SVG 不適合照片，複雜的插圖也可能繪製得很慢。Illustrator、Inkscape、Figma 和瀏覽器都能開啟與編輯。

壓縮方式: –
透明度: 支援
動畫: 支援
推出年份: 2001 · W3C

SVG 轉檔工具

當設計工具、圖示庫或網站範本要求 SVG，而 logo 的唯一檔案只有 favicon 或 Windows 圖示時，人們就會搜尋 ICO 轉 SVG；這通常是取得描繪後向量圖的第一步。

將圖示描摹成真正的 SVG 路徑

如果目標是可縮放的 logo，封裝式 SVG 頂多只是過渡步驟。請將圖示交給圖片轉 SVG 轉換器：它會沿著顏色邊緣，寫成可縮放、換色和裁切的路徑。結果取決於來源尺寸，因此程式圖示中的 256 px 圖像，描繪效果遠勝 16 px 的 favicon。我們的教學PNG 轉 SVG說明了該保留多少顏色，以及如何讓曲線更平滑。

如果你只是想在文件或編輯軟體中使用這個圖示，可以完全跳過 SVG，用 ICO 轉 PNG 取得最大的圖像。反過來，從向量 logo 製作多尺寸 favicon，則請使用 SVG 轉 ICO。

ICO 轉 SVG 常見問題

ICO 檔案能變成真正的向量 SVG 嗎？

單靠轉換做不到。ICO 只儲存點陣圖，尺寸從 16 × 16 到 256 × 256 px，裡面沒有任何形狀可以沿用。真正的路徑必須從像素中描繪出來，這正是圖片轉 SVG 轉換器的功能。

.ico 裡的哪一個尺寸會放進 SVG？

使用最大的那一張，因為它的細節最多。一般的 favicon.ico 最大只有 32 或 48 px，而 Windows 應用程式圖示通常包含 256 px 的版本。

包裝後的 SVG 可以當網站 favicon 使用嗎？

Chrome 和 Firefox 支援 SVG favicon，但如果 SVG 裡只有一張 32 px 的點陣圖，相比原本的 ICO 並沒有任何好處。只有當 SVG 內含真正的路徑，在高像素密度螢幕上依然清晰時，SVG favicon 才有意義。

為什麼描摹 favicon 會得到糊成一團的形狀？

32 px 的圖示只有 1,024 個像素，而描繪是根據邊緣來推測曲線。像素越少，推測就越粗糙。想得到乾淨的輪廓，請描繪 Windows 圖示中的 256 px 圖像，或找出原始 logo。

圖示的透明背景會保留嗎？

可以。ICO 圖像帶有 Alpha 色版，SVG 也會保留，因此圖示會顯示在網頁或設計工具提供的任何背景上。

之後可以在 Inkscape 或 Figma 裡替圖示改色嗎？

無法逐個形狀調整，因為 SVG 裡只有一張嵌入的圖片。你可以對整體套用濾鏡或疊加效果；若要分別調整各形狀的顏色，請先進行描繪。