ImgConvert
返回部落格
指南

SVG 轉 PNG:高解析度輸出的像素尺寸計算

作者 ImgConvert更新日期:
閱讀時間 5 分鐘
SVGPNG高解析度印刷品質
SVG 轉 PNG:高解析度輸出的像素尺寸計算

若要從 SVG 製作較大的 PNG,請先確認所需的像素尺寸。我們的 SVG 轉 PNG 工具接受以像素為單位的寬度與高度,不提供英吋、公分或 DPI 欄位。每個輸入尺寸都必須介於 1 到 8192 像素之間。

為什麼需要高解析度 PNG?

將 SVG 圖稿縮放並匯出為印刷用高解析度 PNG 的流程

以下用途需要高解析度輸出:

  • 專業印刷 - 手冊、海報、包裝
  • 大型展示 - 廣告看板、展覽圖像
  • Retina 螢幕 - 2x 與 3x 像素密度
  • 精細編輯 - 有更多像素可供處理

依預定用途計算像素

規劃印刷時,PPI 代表圖片每英吋的像素數;印表機的 DPI 則描述每英吋的列印點數。請向印刷服務商確認所需的圖片解析度、實體尺寸,以及接受的格式。

像素數 = 英吋 × 目標 PPI
英吋 = 公分 ÷ 2.54

範例:8 × 10 英吋,300 PPI
寬度 = 8 × 300 = 2400 像素
高度 = 10 × 300 = 3000 像素

這是規劃用的計算範例,不是 300-DPI 匯出設定。轉換工具不提供解析度中繼資料控制。請在排版或列印應用程式中,設定圖片預計放置的實體尺寸。

若螢幕圖像以 400 × 200 CSS 像素顯示,800 × 400 的圖片可作為 2× 素材。請確認實際版面,不要為網頁圖片套用印刷 DPI。

常見印刷規格

以下是以 300 PPI 計算不同實體尺寸的像素範例,不會在轉換工具中設定 DPI 中繼資料。請向印刷服務商確認實際裁切尺寸、出血與色彩要求;轉換前,先在設計編輯器中為原始圖稿加上出血。

標準印刷尺寸

文件尺寸(英吋)300 PPI(像素)
名片3.5 x 21050 x 600
A48.27 x 11.692481 x 3507
美式信紙(Letter)8.5 x 112550 x 3300
小報紙(Tabloid)11 x 173300 x 5100
海報18 x 245400 x 7200

加上出血

專業印刷需加上出血,通常為 0.125 英吋:

原始尺寸含出血尺寸300 PPI
8.5 x 11"8.75 x 11.25"2625 x 3375 px
11 x 17"11.25 x 17.25"3375 x 5175 px

步驟 1:準備 SVG

匯出前請確認:

  • 文字已轉為路徑
  • 沒有連結圖片
  • 路徑乾淨且已最佳化
  • 工作區域尺寸正確

使用現有設定匯出

  1. 選擇一個不超過 20 MB 的 SVG。請先將原始圖稿調整為預期比例與畫布尺寸。
  2. 視需要輸入像素寬度與高度。只輸入一邊時,另一邊會等比例縮放;兩邊都輸入時,會形成一個限定範圍,圖片等比例放入其中,不會拉伸。
  3. 選擇 PNG 壓縮預設選項。壓縮會改變檔案大小與處理程度,不是有損畫質滑桿。
  4. 送出並下載 PNG,再確認實際尺寸,以及在預計使用尺寸下的外觀。

如果將正方形 SVG 放入 2400 × 3000 的範圍,結果會是 2400 × 2400,不會裁切成 8:10。若需要另一種精確比例,請另外變更 SVG 畫布或裁切。

此頁面每個任務只處理一個 SVG,不提供批次、CMYK、出血、DPI 或透明度開關設定。原有透明區域可保持透明;畫在 SVG 裡的背景仍會是圖片的一部分。

更多像素不保證有更多細節

SVG 可能包含內嵌點陣圖、小字、濾鏡與外部參照。放大內嵌點陣圖無法重建遺失的細節。字型是否可用,以及不支援的效果,也可能改變輸出結果。

轉換工具提供輸出尺寸調整,但沒有獨立的 SVG 算繪密度設定。請檢查放大後的邊緣,不要假設任何指定尺寸都能完全清晰。如果放大後看起來模糊,請在原始編輯器中將 SVG 畫布設為所需尺寸,或使用該編輯器的向量圖匯出設定。

問題排解

若需調整點陣圖素材、反鋸齒或色彩管理,請在設計編輯器中修改原始圖稿。線上轉換工具只提供像素尺寸與 PNG 壓縮設定。請以實際下載檔案判斷大小,單靠尺寸無法預測檔案會占多少 MB。

輸出模糊

原因:

  • 尺寸太小
  • 含有內嵌點陣圖
  • 反鋸齒問題

解決方式:

  • 增加像素尺寸
  • 將點陣圖替換為向量圖
  • 在原始編輯器中檢查邊緣算繪

檔案過大

原因:

  • 尺寸非常大
  • 圖形複雜
  • 未壓縮

解決方式:

  • 使用符合預計顯示或印刷大小的像素尺寸
  • 在可行的情況下簡化圖形
  • 啟用 PNG 壓縮

色彩偏移

原因:

  • 色彩描述檔不一致
  • RGB 轉換為 CMYK

解決方式:

  • 使用一致的色彩描述檔
  • 印刷用途請在專業軟體中轉換

交付前檢查結果

  • 以 100% 檢視小字與斜向邊緣。
  • 對照預期設計,檢查色彩與背景。
  • 確認檔案的實際尺寸與大小;沒有固定的 MB 估算值適用於所有圖形。
  • 確認印刷服務商接受 PNG。色彩描述檔、出血與印刷版面中的放置方式,必須在合適的設計流程中處理。

若意外出現不透明背景,請參閱 SVG 透明背景問題排解。基本轉換流程請參閱 SVG 轉透明 PNG。

常見問題

可以匯出任意解析度嗎?

不行。表單接受每邊最高 8192 像素,而且非常複雜的檔案仍可能處理失敗。請依使用端需求選擇尺寸。

提高 PNG 壓縮程度會降低視覺品質嗎?

可用的壓縮預設選項都是無損 PNG 編碼設定。它們不會還原原始細節,也不會改變縮放操作。

更多工具,協助您處理下一項圖片工作

探索 ImgConvert 的轉檔、PDF 檔案與 GIF 工具。

  • 圖片轉檔工具
  • PDF 工具
  • GIF 工具
瀏覽所有工具