如何將 SVG 轉換為 PNG 且不失真

SVG 並不是由像素構成的，而是一組指令：在這裡畫一條線，把這個形狀填滿成那種顏色，因此可以在任意尺寸下繪製，並始終保持完美銳利。這也是為什麼商標和圖示常常採用 SVG 格式：同一個檔案在名片上和廣告看板上看起來都同樣清晰。

PNG 則相反，是固定的像素網格。假設你以 512 像素寬度匯出，得到的就是這個固定尺寸。一旦放大超過其原始尺寸，畫面就會變得像塊狀馬賽克，就像放大一張照片一樣。將 SVG 轉換為 PNG，就是把這些繪圖指令轉換成固定網格，這個步驟稱為點陣化。

由於 PNG 的像素尺寸是固定的，並不存在單一「無損」的 SVG 轉 PNG 方式，你實際上是在選擇一個解析度，畫質也由此決定。訣竅在於根據圖片的實際用途，渲染出足夠高的解析度。

一個不錯的經驗法則是，匯出尺寸為顯示尺寸的兩到三倍。如果商標在頁面上以 200 像素寬度顯示，就把它匯出為 400 或 600 像素，這樣在高解析度螢幕上依然清晰銳利。要用於印刷？那就匯出更大尺寸。真正會導致畫質下降的唯一錯誤，是匯出得太小之後再放大。

轉換過程在你的裝置上完成，檔案絕不會被上傳：

• 開啟SVG → PNG 轉換器，將 SVG 拖曳進去。
• 設定輸出尺寸：輸入你想要的像素寬度（數值越大，畫面越清晰，檔案也越大）。
• 匯出並下載你的 PNG。

由於整個過程都在瀏覽器中完成，頁面載入後即使斷網也依然可以使用，這正好證明 SVG 檔案並未被傳送到伺服器。無需帳號、沒有浮水印，轉換次數也沒有限制。

SVG 通常帶有透明背景，這項特性會完整保留下來：匯出為 PNG 後，透明區域依然透明，因為 PNG 支援 Alpha 色版。你的商標不會突然在背後多出一塊白色底框。

如果你不確定該選擇多大的像素寬度，可以從圖片的實際顯示位置出發來判斷。網站圖示可能只需要 64 像素；一張主視覺圖則可能需要 2,000 像素甚至更多。拿不準時，就選大一點的尺寸，之後隨時可以壓縮這個 PNG來縮小檔案大小，但如果匯出得太小，細節是沒辦法再補回來的。如果之後需要的是 JPG 而不是 PNG，PNG → JPG 轉換只需要幾秒鐘。