檢視器可能在透明像素後方顯示白色。請將 PNG 放在其他顏色上。如果白色區域仍是圖片的一部分,請檢查 SVG 是否含有白色背景圖形;此轉換器不會將它移除。
SVG 轉 PNG 轉換器
將 SVG 標誌、插畫或示意圖轉成靜態 PNG,方便上傳圖片或用於版面配置。可選擇像素尺寸與 PNG 壓縮方式,保留圖稿原有的透明區域;請保留 SVG,以便日後編輯。
匯出 PNG,用於無法使用 SVG 的版面
當簡報、文件、介面或上傳欄位需要點陣圖時,PNG 很適合使用。轉換器會將 SVG 點陣化,並儲存這些像素,不會產生 JPEG 編碼那樣的失真。
若要取得透明 PNG,SVG 本身就必須含有透明區域。標誌後方繪製的白色矩形仍屬於圖稿,會保留在輸出中。單靠格式轉換不會移除背景。
輸入
一個 SVG 檔案,大小上限為 20 MB。選取後即開始上傳至伺服器處理。
透明度
可保留原有透明區域。繪製在 SVG 中的白色或彩色背景不會被移除。
壓縮選項
提供最快、快速、平衡與最強壓縮,預設選取「平衡」。這些選項會影響編碼所需的處理量與檔案大小,不會影響待編碼像素的品質。
靜態輸出
一張 PNG 圖片,不含可編輯的路徑、文字物件或 SVG 動畫。
PNG 壓縮與繪製品質是兩回事。四種壓縮選項都會保留傳入 PNG 編碼器的像素,但無法修正字型、讓低解析度的原始圖片變清晰,也無法避免調整尺寸造成的變化。
如何將 SVG 轉成所需尺寸的 PNG
選擇內含所需資源的 SVG
請選擇或拖曳一個大小不超過 20 MB 的 SVG 檔案,並等待上傳完成。檔案應包含所需的圖片與樣式。如果您持有的是 SVG 程式碼,請先將有效的標記內容儲存為 .svg 檔案,再選取上傳。
選擇尺寸與壓縮方式
兩個尺寸欄位皆留空時,會使用解析出的 SVG 尺寸;也可輸入單邊尺寸,或設定寬高範圍。預設為「平衡」壓縮。「最強壓縮」並不是更高的圖片品質設定。
將下載的 PNG 放入版面檢查
請點選「轉換成 PNG」,下載完成的檔案,並檢查實際尺寸與文字。將圖片放在對比色背景上,確認透明度。瀏覽器中的 SVG 上傳預覽無法代表匯出的 PNG 結果。
選擇像素尺寸,製作清晰的 PNG
寬度或高度各可輸入 1–8,192 px。這是尺寸欄位的範圍,與 20 MB 的上傳檔案大小限制不同。
兩欄皆留空
使用解析出的 SVG 尺寸。若與預期不同,請檢查 SVG 宣告的 width、height 與 viewBox。
只填一邊
依圖稿比例計算另一邊。
兩邊都填
將圖片等比例縮放至指定範圍內。輸出的其中一邊可能較小,不會拉伸或裁切。
900×600 的畫布縮放至 300×300 的範圍內,結果會是 300×200。若要放在更大的版面位置,請選擇適合的尺寸並檢查結果。此工具沒有 SVG 繪製密度設定,放大解析後的圖片也不保證能增加細節。SVG 畫布內的空白仍會保留在 PNG 中。
為圖片的下一個用途做好準備
請保留 SVG 作為可編輯的原始檔,再依實際放置位置選擇 PNG 尺寸。
透明標誌與疊加圖片
請分別在淺色與深色背景上檢查 PNG。即使轉換成功,淺色圖稿在白色背景上也可能看起來一片空白。檢視器顯示的棋盤格代表透明區域,請勿與原始圖稿中實際繪製的棋盤格混淆。
小型介面圖形與標籤
請以實際顯示尺寸檢查細線與文字。在設計工具中納入所需字型,或將重要文字轉成路徑。放大輸出尺寸或加強 PNG 壓縮,都無法補上缺少的字型或連結圖片。
請下載並保留所需的 PNG。上傳檔案與產生的檔案均為暫存,因此請保留 SVG,以便日後再次匯出。
透明 PNG 與較大尺寸匯出的常見問題
請在 1–8,192 px 的欄位範圍內設定適合的輸出尺寸,再檢查下載結果。此工具會調整解析後的 SVG 圖片尺寸,沒有繪製密度設定。如果需要大幅放大且對品質要求較高,請在設計應用程式中準備適當的原始匯出檔,不要假設增加像素就能還原細節。
原始畫布與 viewBox 可能包含可見路徑以外的空白,這些空白也會一併轉換。請在設計工具中縮小 SVG 畫布範圍;在此調整寬高只會等比例縮放畫布,不會裁切。
它不會改變待編碼像素的品質,也不保證檔案會更小。尺寸與圖片內容都會影響檔案大小。請選擇適合的尺寸並比較下載結果;壓縮無法補回缺少的圖稿,也無法修正模糊的繪製結果。