UltKit

SVG 轉 PNG 轉換器

SVG 是一組繪圖指令,沒有固定解析度。轉成 PNG 就是把這些指令畫到像素格上,因此唯一需要決定的,是成品要多少像素寬。

圖片轉換器

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

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

輸出

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

使用方式

  1. 1

    上傳 SVG 檔案

    將儲存為 .svg 的標誌、圖示或插圖拖曳到上傳區,每批最多 20 個檔案,每個檔案最大 95 MB。

  2. 2

    設定輸出寬度

    調整輸出圖片尺寸預設為寬度 1024 px。你可以輸入其他尺寸,或切換為設定高度或設定最長邊;圖形的長寬比一律維持不變。

  3. 3

    轉換為 PNG

    按下轉換為 PNG,即可下載單張圖片,或將全部圖片下載為 ZIP。SVG 中的透明區域在 PNG 中仍然透明。

解答

如何將 SVG 轉成指定尺寸的 PNG?

上傳 SVG,輸入你需要的寬度(單位為像素,預設 1024 px),再按下轉換為 PNG。高度會依圖形比例自動計算,背景維持透明。

依需要的尺寸將 SVG 轉成 PNG

SVG 自 2001 年起成為 W3C 標準,以座標描述形狀:在這裡畫一個圓,填上這個顏色。因此 SVG 標誌印在名片上和放在大型看板上都一樣清晰。PNG 無法這樣縮放。當寬度只有 512 px 時,放大就等於憑空製造像素,邊緣會變模糊。所以要在轉換時就決定尺寸,趁向量資訊還在。

許多 SVG 檔案在程式碼中宣告的寬高很小,圖示有時只有 24 或 48 px。照這個尺寸轉出來的 PNG 只有縮圖大小。本頁避開了這個陷阱:輸出寬度設為 1024 px,並縮放圖形以符合,高度則依圖形比例計算。你可以把數字改成最高 20,000 px 的任何值;放大不會損失品質,因為每種尺寸都是直接由向量形狀重新繪製。

列印用 SVG 轉 PNG:英吋、DPI 與像素

英吋Pixels at
72 DPI150 DPI300 DPI
172150300
2144300600
3.52525251050
8.561212752550
1179216503300

SVG 點陣化前的四項檢查

  1. 將字型轉成外框

    如果文字使用的字型你有、但轉換器沒有,就會被替換成其他字型。請先把文字轉成路徑。

  2. 內嵌連結的圖片

    SVG 可能以路徑指向另一個照片檔。如果該檔案不在 SVG 內,PNG 中對應的位置就會是空白。

  3. 檢查畫布

    SVG 畫布中圖稿周圍多餘的空白,會在 PNG 中變成透明邊界。匯出前請先讓工作區域貼合圖稿。

  4. 依用途選擇寬度

    不同用途請匯出不同的 PNG,例如個人頭像用 512 px、簡報用 2048 px,而不是所有用途都用同一種尺寸。

SVG

可縮放向量圖形(SVG)

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

壓縮方式
–
透明度
支援
動畫
支援
推出年份
2001 · W3C
SVG 轉檔工具

PNG

Portable Network Graphics

PNG 是 1996 年由 PNG Development Group 發布的無損點陣圖格式,後來由 W3C 與 ISO 納入標準。它會完整保留每一個像素,支援完整的 Alpha 透明度,處理文字、銳利邊緣和純色區塊時不會產生瑕疵。這樣的精確度使它非常適合螢幕截圖、標誌、圖示和介面圖形。代價是檔案大小:存成 PNG 的相片,往往比同一張相片存成 JPEG 或 WebP 大上好幾倍。所有瀏覽器、作業系統和編輯軟體都能開啟 PNG 檔案。

壓縮方式
無損
透明度
支援
動畫
不支援
推出年份
1996 · PNG Development Group
PNG 轉檔工具

SVG 轉 PNG 會把不受解析度限制的向量圖稿轉成固定尺寸的點陣圖,用於不接受 SVG 的場合,例如社群上傳、電子郵件與辦公文件;反向轉換則是嘗試從像素恢復可縮放性。

SVG 轉 PNG 常見問題

SVG 轉 PNG 應該用多少解析度?

請以 PNG 最終顯示的最大尺寸為準,再乘以二,以因應高像素密度的手機與筆電螢幕。網站上顯示寬度 300 px 的標誌,建議匯出約 600 px;App 圖示通常用 1024 px;印刷用的圖稿則要以英吋數乘以 300,例如 3 英吋就是 900 px。

轉成 PNG 後會保留 SVG 的透明背景嗎?

可以。SVG 中沒有填色的區域會完全透明,半透明的形狀也會保留原本的不透明度。如果你需要實色背景,請使用 SVG 轉 JPG 轉成 JPG,並選擇填色。

為什麼 PNG 裡的文字看起來和 SVG 不一樣?

SVG 中的文字會以轉換時系統上安裝的字型繪製。如果 SVG 指定的字型沒有內嵌,就會改用替代字型。匯出前請先將文字轉成外框:Illustrator 使用「文字 → 建立外框」,Inkscape 使用「路徑 → 物件轉成路徑」。

設定 DPI 會讓 PNG 更清晰嗎?

不會。進階設定中的 DPI 標記只會在檔案裡寫入一個數字,供印表機與部分排版軟體判斷實際尺寸。清晰度取決於像素尺寸,也就是你設定的寬度。如果印刷店要求在特定尺寸下達到 300 dpi,兩者都要調整。

為什麼要把 SVG 轉成 PNG?

許多接受圖片的地方並不支援 SVG,例如社群媒體的大頭貼與貼文上傳、多數電子郵件軟體、不少電商平台,以及舊版 Microsoft Office。尺寸合適的 PNG 在這些地方都能正常顯示。

之後可以把 PNG 再轉回 SVG 嗎?

只能靠描圖,也就是從像素重新繪製形狀,對簡單的標誌效果最好。請保留原始 SVG;如果已經遺失,可參考 PNG 轉 SVG 教學,了解描圖的運作方式與預期結果。