SVG 轉 PNG 轉換器
SVG 是一組繪圖指令,沒有固定解析度。轉成 PNG 就是把這些指令畫到像素格上,因此唯一需要決定的,是成品要多少像素寬。
圖片轉換器
或將JPG, JPEG, JPE … 檔案拖曳到這裡 ·
每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除
檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。
85 可讓照片在視覺上與原圖幾乎相同。只有需要更小的檔案時才調低。
JPG、BMP 和 EPS 不支援透明。透明的像素會以此顏色填滿。
用於透明像素後方的十六進位色碼,例如 #FFFFFF。
此格式只能存放單張圖片。若要保留動畫,請選擇輸出 GIF 或 WebP。
多尺寸圖示會在一個檔案中包含多種解析度,瀏覽器和作業系統會自行選用需要的尺寸。
保留原始尺寸,或輸入其中一邊,系統會維持長寬比。
上方所選邊的像素值。
相對於原始尺寸的百分比。
sRGB 適合螢幕和網頁。印刷流程請保留原始設定;灰階會捨棄顏色。
僅為中繼資料,0 表示保留原始值。印表機和部分入口網站會讀取此數值;不會改變像素尺寸。
使用方式
- 1
上傳 SVG 檔案
將儲存為 .svg 的標誌、圖示或插圖拖曳到上傳區,每批最多 20 個檔案,每個檔案最大 95 MB。
- 2
設定輸出寬度
調整輸出圖片尺寸預設為寬度 1024 px。你可以輸入其他尺寸,或切換為設定高度或設定最長邊;圖形的長寬比一律維持不變。
- 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 DPI | 150 DPI | 300 DPI | |
| 1 | 72 | 150 | 300 |
| 2 | 144 | 300 | 600 |
| 3.5 | 252 | 525 | 1050 |
| 8.5 | 612 | 1275 | 2550 |
| 11 | 792 | 1650 | 3300 |
SVG 點陣化前的四項檢查
將字型轉成外框
如果文字使用的字型你有、但轉換器沒有,就會被替換成其他字型。請先把文字轉成路徑。
內嵌連結的圖片
SVG 可能以路徑指向另一個照片檔。如果該檔案不在 SVG 內,PNG 中對應的位置就會是空白。
檢查畫布
SVG 畫布中圖稿周圍多餘的空白,會在 PNG 中變成透明邊界。匯出前請先讓工作區域貼合圖稿。
依用途選擇寬度
不同用途請匯出不同的 PNG,例如個人頭像用 512 px、簡報用 2048 px,而不是所有用途都用同一種尺寸。
SVG
可縮放向量圖形(SVG)
SVG 是 W3C 於 2001 年標準化、以 XML 為基礎的向量格式。它描述的是形狀、路徑和文字而非像素,因此任何尺寸都保持清晰,用於標誌和圖示時檔案通常非常小。它支援透明度、CSS 樣式、指令碼和動畫,所有瀏覽器都能原生顯示。SVG 不適合照片,複雜的插圖也可能繪製得很慢。Illustrator、Inkscape、Figma 和瀏覽器都能開啟與編輯。
- 壓縮方式
- –
- 透明度
- 支援
- 動畫
- 支援
- 推出年份
- 2001 · W3C
PNG
Portable Network Graphics
PNG 是 1996 年由 PNG Development Group 發布的無損點陣圖格式,後來由 W3C 與 ISO 納入標準。它會完整保留每一個像素,支援完整的 Alpha 透明度,處理文字、銳利邊緣和純色區塊時不會產生瑕疵。這樣的精確度使它非常適合螢幕截圖、標誌、圖示和介面圖形。代價是檔案大小:存成 PNG 的相片,往往比同一張相片存成 JPEG 或 WebP 大上好幾倍。所有瀏覽器、作業系統和編輯軟體都能開啟 PNG 檔案。
- 壓縮方式
- 無損
- 透明度
- 支援
- 動畫
- 不支援
- 推出年份
- 1996 · PNG Development Group
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 教學,了解描圖的運作方式與預期結果。