SVG 轉 PNG
在瀏覽器中把 SVG 以指定寬度轉成點陣 PNG,保留透明度,檔案不會離開你的電腦。
在你的瀏覽器中執行
選擇一張或多張圖片,轉換會在你的裝置上完成。
轉換前先決定尺寸
SVG 沒有固定解析度,它是一組繪圖指令;PNG 則是一格一格的像素。所以這個轉換唯一需要你決定的, 就是要多大,上面的輸出寬度就是那個設定。
請以圖片實際顯示的尺寸來轉,或以兩倍尺寸來因應高密度螢幕。用 200 px 轉出來再放大到 800 px 會 模糊,直接用 800 px 轉則不會。
透明度會被保留,因為 PNG 有 alpha 色版:SVG 沒有畫到的區域仍然是透明的,不會變成白色。
點陣化之後會失去什麼
轉換的畫法與瀏覽器完全一致,也因此繼承了瀏覽器對「一張圖片能載入什麼」的限制:
- 外部資源不會被載入。 連結到網頁字型、外部樣式表或另一張圖片的 SVG,會在沒有它們的情況下 繪製。請先把文字轉成路徑,或把字型內嵌進去。
- 腳本與動畫不會執行。
<script>會被忽略,動畫 SVG 會停在第一個畫格。 - 字型必須存在於你的系統。 仍以文字形式存在的內容,會用你系統上找得到的字型繪製,未必是 設計者當初使用的那一種。
如果輸出的樣子不對,原因幾乎都是某個外部依賴。
反過來轉呢
這個轉換沒有誠實的反向操作。把 PNG 變回 SVG 需要「描圖」——從像素去猜形狀——那是另一種操作、 另一種結果,本頁不提供。
你的檔案只留在這裡
SVG 在你的瀏覽器中繪製與編碼,不會被上傳。