SVG 轉圖示轉換器

Q: 這個頁面和 SVG 轉 ICO 有什麼不同？

[SVG 轉 ICO](/svg-to-ico) 著重於網站 favicon 與 Windows 使用的單一 .ico 檔案。本頁涵蓋圖示會用到的所有場合，包括 macOS 的 ICNS，以及 Android、iOS 與應用程式商店要求的固定尺寸 PNG。

Q: 一次轉換能取得 App 需要的所有 PNG 尺寸嗎？

不行。PNG 只含一種尺寸，每次轉換只會輸出一個寬度。請將 **調整輸出圖片尺寸** 設為一種尺寸並轉換，再更改數字重新轉換；每個尺寸都會從向量重新繪製，保持清晰。

一個向量標誌就能用在所有需要圖示的地方：網站 favicon、Windows 捷徑、Mac 應用程式，以及手機桌面上的啟動圖示。本頁預設輸出多尺寸 ICO，也能切換成 ICNS 或 PNG，供其他平台使用。

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

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

輸出

轉換為

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

使用方式

1
上傳正方形 SVG
加入您的標誌 SVG，最好是正方形 viewBox。一次最多可加入 20 個檔案，例如淺色與深色版本。
2
選擇圖示格式
預設為 ICO，且 圖示尺寸 設為所有尺寸（16–256）。macOS 請在 轉換為 選擇 ICNS；手機或商店圖示則選擇 PNG，並在 調整輸出圖片尺寸 設定寬度。
3
轉換並放入對應位置
按下 轉換為 ICO（按鈕文字會依您選的格式而變），下載後，將每個檔案放到各平台要求的位置。

圖示並沒有單一格式。Windows 與瀏覽器使用 ICO，macOS 使用 ICNS，手機則使用成組的 PNG。從 SVG 開始，代表每一種格式都由向量重新繪製，在各種尺寸下都很清晰。

SVG 轉圖示：一個向量檔，三種圖示檔案

圖示檔是由多張小型點陣圖組成的容器，而不是向量。作業系統會挑選最接近所需尺寸的點陣圖，因此好的圖示會包含多張，每張都依自己的格線繪製。

本頁的 ICO 預設會輸出一個包含 16 到 256 px 所有尺寸的檔案，適用於 favicon.ico 與 Windows 捷徑。將 轉換為 改成 ICNS 可得到 Apple 圖示容器，改成 PNG 則可得到 Android、iOS 與應用程式商店要求的單一尺寸。

下表列出主要平台對圖示位置公布的規格。

各平台需要的圖示檔案
機構	規定	來源
Windows 桌面與工作列	包含多種尺寸的 ICO，含 16、32、48 與 256 px	—
網站 favicon	放在網站根目錄的 favicon.ico，含 16、32 與 48 px；apple-touch-icon 使用 180 × 180 px 的 PNG	—
macOS 應用程式圖示	ICNS 或 Xcode 資產目錄，尺寸最大 1024 × 1024 px	—
Google Play 商店資訊	512 × 512 px 32 位元 PNG，最大 1,024 KB	—
Apple App Store	1024 × 1024 px 無透明度的 PNG	—

SVG

可縮放向量圖形（SVG）

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

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

SVG 轉檔工具

ICO

Windows 圖示

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

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

ICO 轉檔工具

當您只有一份向量標誌，卻要用在多個平台，而各平台的圖示容器不同時，就會搜尋 SVG 轉圖示：從網站的 favicon.ico、Mac 上的 ICNS，到應用程式商店的各種尺寸 PNG。

將 SVG 轉成 Windows、Mac、Android 與 iOS 圖示檔

保持 ICO，且 圖示尺寸 設為所有尺寸。若用於網站根目錄，請將結果重新命名為 favicon.ico；或在 Windows 捷徑的「變更圖示」對話方塊中指向該檔案。

一個 .ico 即可用於分頁、書籤與工作列
另外加入 180 px 的 PNG，供 iPhone 主畫面書籤使用

設計縮到 16 px 仍清楚的 SVG

16 × 16 px 的圖示總共只有 256 個像素。多數品牌會另外準備圖示用標誌，通常只用符號或單一字母，造型粗壯、顏色很少；如果您還沒有，請為圖示製作一份簡化版的 SVG。

轉換前請先檢查 viewBox。過寬的 viewBox 會讓圖示在標誌上下出現空白帶，請先裁成正方形；依比例裁切圖片的教學介紹了正方形裁切，而 SVG 轉 PNG 可快速產生大尺寸預覽，方便判斷設計。

SVG 轉圖示常見問題

這個頁面和 SVG 轉 ICO 有什麼不同？

SVG 轉 ICO 著重於網站 favicon 與 Windows 使用的單一 .ico 檔案。本頁涵蓋圖示會用到的所有場合，包括 macOS 的 ICNS，以及 Android、iOS 與應用程式商店要求的固定尺寸 PNG。

各作業系統分別使用哪種圖示格式？

Windows 讀取 ICO，macOS 讀取 ICNS 或在 Xcode 建立的資產目錄，Android 與 iOS 則使用固定像素尺寸的 PNG 圖片。

一次轉換能取得 App 需要的所有 PNG 尺寸嗎？

不行。PNG 只含一種尺寸，每次轉換只會輸出一個寬度。請將 調整輸出圖片尺寸 設為一種尺寸並轉換，再更改數字重新轉換；每個尺寸都會從向量重新繪製，保持清晰。

本頁產生的 ICNS 支援 Retina Mac 圖示嗎？

其中包含 16 到 256 px 的尺寸。目前的 macOS 應用程式圖示還包含給 Retina 螢幕使用的 512 px 與 1024 px，這兩個尺寸由 Xcode 或 Apple 的 iconutil 從 PNG 建立；請在此將這兩種尺寸匯出為 PNG，再加入圖示集。

圖示應該保留透明背景嗎？

ICO、ICNS 與 Android 啟動圖示圖層建議保留透明，讓系統自行繪製背景。iOS App Store 圖示是例外：Apple 會退回帶有 alpha 色版的 1024 px 行銷圖示，因此請在 SVG 中為該 PNG 加上實色背景。

為什麼細節多的標誌縮成小圖示後會糊成一團？

在 16 或 32 px 時，沒有空間容納細線或小字。請加粗線條，讓它在最小尺寸下至少涵蓋一個完整像素，並去掉文字標誌。