轉檔

SVG轉PNG

需要點陣圖又想保留透明背景的時候,把SVG轉成PNG。一批最多10個檔案,每個20MB以內,點陣化引擎就內建在這個頁面裡,全程不需要上傳。

SVG本質上是一串指令,不是像素,所以放大到任何尺寸都還是銳利。轉成PNG之後這種彈性就結束了,PNG是固定的像素網格,轉檔時最長邊上限是1600px。這個上限只在來源SVG本身超過1600px時才會啟動,尺寸原本就在範圍內的SVG不會被縮小。

Tool UI loads here.

使用方式

  1. 選擇檔案 拖曳最多10個SVG檔案,或點擊選擇。
  2. 轉檔 瀏覽器立刻把每個檔案點陣化成PNG。
  3. 下載 單獨儲存每個PNG,或打包成ZIP一次下載。

SVG vs PNG

SVG

SVG作為來源檔案在任何尺寸下都很銳利,完全不靠像素。轉檔之後就會固定成點陣圖,最長邊上限1600px。

PNG

PNG會把SVG裡每個透明像素原封不動保留下來,這份完整性也讓檔案比同樣內容的JPG大。

為什麼要把SVG轉成PNG

當目的地需要點陣圖,但透明背景一定要保留的時候,就該轉成PNG。大頭貼、App圖示、社群平台的個人檔案欄位都是常見情境,這裡的PNG會把每個透明像素完整保留下來。

但可縮放這個特性,轉檔之後就留不住了。瀏覽器會把SVG點陣化到最長邊最多1600px,這就是上限,之後再把PNG放大會看起來模糊。還有一個值得先確認的誠實限制,如果SVG裡引用了外部字型或圖片,點陣化之後的呈現方式可能會跟原本製作它的編輯器不一樣。

如果你的用途不在乎透明背景,svg-to-jpg能給你一個更小、接受度更高的檔案。

備註

SVG點陣化成PNG之後,透明背景依然完整保留。

限制

結果會變成固定的像素網格,之後再放大會失去銳利度。

從設計上保護隱私

SVG的點陣化在你的瀏覽器裡完成,圖片不會被上傳,點陣化引擎也直接跟著頁面載入,不是外部伺服器。

FAQ

轉檔後透明背景還在嗎?

還在。PNG完整支援透明背景,SVG裡透明的區域轉檔後會正確保留下來。

PNG最大能輸出多大?

點陣化引擎會把最長邊限制在1600px以內,超過這個尺寸再放大PNG,銳利度就會跟著流失。

可以一次轉多個SVG檔案嗎?

可以,一批最多10個SVG檔案,每個上限20MB。

其他轉檔