我可以設定輸出解析度嗎？

可以。PNG 預設以 SVG 的本質大小渲染，你也可以提高輸出縮放倍數來產生更大、更高解析度的影象 — 對於 retina 螢幕和印刷非常實用。如果 SVG 沒有寬度或高度，則會從其 viewBox 中取得。

為何我的 SVG 不能轉換？

最常見的原因是你的 SVG 會引用外部資源，例如遠端圖片 URL 或外部伺服器的字型。根據瀏覽器設定，這些跨域資源會被遺漏於渲染結果中，或因安全原因汙染畫布，進而阻止 PNG 的輸出。請使用一個自包含的 SVG，所有圖片、字型與漸層都直接內嵌在檔中，這樣就能成功轉換。

我的 SVG 會上傳到伺服器嗎？

不會。整個轉換過程都在你的瀏覽器中執行 — 解析、渲染與編碼 PNG 都發生在你的裝置上。你的 SVG 檔案及其內容絕不會上傳，因此私人標誌與設計都與你同在。

PNG 會保留我 SVG 的透明度嗎？

會，預設情況下。PNG 支援 alpha 通道，因此 SVG 的透明區域在輸出影象中仍會保持透明。如果你希望有完整的背景，請啟用白色背景選項，在下載前將作品壓縮到純白背景上。

SVG 到 PNG 轉換器

使用方式

1.將你的 SVG 原始碼貼入文字框，或點選上傳 .svg 檔案從你的裝置載入。
2.選擇輸出縮放 — 保持 1x 以維持 SVG 的原始大小，或提高倍數以產生更大、更清晰的 PNG。
3.選擇背景：保持透明以保留 alpha，或啟用白色背景以將作品壓縮到純白背景上。
4.檢查即時預覽，然後按一下「下載 image.png」，將轉換後的檔案儲存到裝置。

關於SVG 到 PNG 轉換器

SVG（可縮放向量圖形）與 PNG（行動式網路圖形）解決的是兩種不同的問題，知道何時切換之間能避免許多麻煩。一個 SVG 絕對不是由像素組成的。它是一份小型文字檔，包含指令 — 在這裡畫一個圓、用這顏色填滿這條路徑、把這文字放在此處。因為這些指令與解析度無關，所以無論是兩公分寬的名片還是兩公尺寬的廣告牌，一個 SVG 都能保持銳利清晰。因此，標誌、圖示與插圖通常會以 SVG 創作。相對地，PNG 是一種網格影象：一個固定大小的彩色像素網格，具有已知的寬度與高度。它無法放大而不會變得模糊，但擁有 SVG 所缺乏的優點 — 非常廣泛的支援。幾乎所有應用程式、對話視窗、圖片欄位、簡報工具、市場場地列表、電子郵件客戶端與作業系統預覽都能無疑地顯示 PNG，而許多相同的地方則拒絕上傳 SVG 或對其顯示不一致。這個 SVG 到 PNG 轉換工具正好填補了這段差距。這個工具可以將你的向量圖形轉換為乾淨的 PNG，你可以在任何預期使用普通圖片的地方直接使用。你可能會有幾個理由需要進行這項轉換。你可能需要將 logo 附加到文件、簡報或社交媒體貼文上，而這些地方無法接受向量文件。你可能想要一個固定的像素大小，這樣圖片在任何地方看起來都一樣，而不是隨著容器縮放。你可能正在準備應用商店截圖、網站圖示、電子郵件圖形或縮圖，而這些地方需要 raster 格式。或者你可能只是想把一個非技術同事可以雙擊開啟的文件交給他們。這個工具提供了兩個對良好匯出至關重要的控制選項。第一個是輸出解析度：你可以將 PNG 轉換為 SVG 自身的內在尺寸，或者透過乘數放大，讓結果更大更清晰 —— 這對於 Retina 顯示器和列印非常有用。當你的 SVG 沒有明確的寬度或高度時，尺寸會從其 viewBox 讀取，如果連 viewBox 都不存在，也會使用一個合理的預設值，讓匯出過程從來不會靜默失敗。第二個控制選項是背景。 PNG 支援透明度，因此預設情況下，圖形周圍的區域會保持透明，這對於疊加效果非常理想。如果你希望有完整的畫布，請啟用白色背景選項，影象將先被壓縮到白色背景上再輸出。有一個重要的限制值得理解。轉換過程是將你的 SVG 以畫布方式繪製在瀏覽器內，然後讀取像素資料。如果 SVG 會拉入外部資源 — 例如透過 URL 連結的遠端圖片、外部伺服器的字型，或其他跨域資源 — 瀏覽器通常會忽略這些資源（輸出為空白）或因安全原因標記畫布為受汙染，進而阻止輸出。當發生這種情況時，工具會清楚地告知你，並要求你提供一個自包含的 SVG，意思是所有圖片、字型與漸層都直接內嵌在檔中，而不是連結至外部資源。大多數輸出的標誌與圖示已經符合這個標準。最後，隱私設計已內建。每一步 — 解析、繪製、網格化與編碼 PNG — 都在你的裝置上本機完成。你的 SVG 會被傳送至伺服器，因此機密品牌資產、未發布的設計與私人圖表都完全留在你的機器上。

常見問題

我可以設定輸出解析度嗎？: 可以。PNG 預設以 SVG 的本質大小渲染，你也可以提高輸出縮放倍數來產生更大、更高解析度的影象 — 對於 retina 螢幕和印刷非常實用。如果 SVG 沒有寬度或高度，則會從其 viewBox 中取得。
為何我的 SVG 不能轉換？: 最常見的原因是你的 SVG 會引用外部資源，例如遠端圖片 URL 或外部伺服器的字型。根據瀏覽器設定，這些跨域資源會被遺漏於渲染結果中，或因安全原因汙染畫布，進而阻止 PNG 的輸出。請使用一個自包含的 SVG，所有圖片、字型與漸層都直接內嵌在檔中，這樣就能成功轉換。
我的 SVG 會上傳到伺服器嗎？: 不會。整個轉換過程都在你的瀏覽器中執行 — 解析、渲染與編碼 PNG 都發生在你的裝置上。你的 SVG 檔案及其內容絕不會上傳，因此私人標誌與設計都與你同在。
PNG 會保留我 SVG 的透明度嗎？: 會，預設情況下。PNG 支援 alpha 通道，因此 SVG 的透明區域在輸出影象中仍會保持透明。如果你希望有完整的背景，請啟用白色背景選項，在下載前將作品壓縮到純白背景上。

圖片工具使用指南

查看全部

使用方式

關於SVG 到 PNG 轉換器

常見問題

相關工具

圖片工具 使用指南

圖片工具使用指南