每個尺寸都重新畫一次
轉換器會先把 SVG 設成目標尺寸,再開始畫。24 px 的圖示選 4x,就是直接畫成 96 px,不是拿小圖放大。要做 1200 px 寬的橫幅?輸入 1200,高度會照原本的比例自動算好。
免費線上轉檔工具
把 SVG 檔案拖進來,或直接貼上 SVG 程式碼,選好尺寸就能下載清楚的 PNG。要 JPG 或 WebP 也可以。整個轉檔過程都在你的瀏覽器裡跑,檔案不會上傳到伺服器。
SVG 轉 PNG
在你的瀏覽器裡轉檔,不會上傳任何檔案
把 SVG 檔案拖到這裡
最多 50 個檔案,每個 10 MB 以內
轉好的圖片會顯示在這裡。
AI Vector 提供的這個免費網頁工具(SVG to PNG 轉換器),能在瀏覽器裡把 SVG 向量檔轉成 PNG、JPG 或 WebP。它會照你選的尺寸重新畫出向量圖,可以保留透明背景,也能換成白底或其他顏色。一次最多處理 50 個檔案,再打包成 ZIP 下載。
使用步驟
三個步驟,都在這一頁完成。
把 SVG 檔案拖進框框,或按「選擇 SVG 檔案」。從 Figma、程式編輯器或 AI 聊天視窗複製了一段圖示的程式碼?按「貼上 SVG 程式碼」,或在頁面任何地方按 Ctrl+V(Mac 是 Cmd+V)。
預設是 PNG。一般螢幕可以先試 2x,要印或投影再提高倍數,也可以直接輸入想要的寬度。背景可以維持透明,或換成白色、你指定的顏色。
檔案一加進來就會馬上轉好。按旁邊的「下載」,或按「全部下載」拿一個 ZIP 檔案。之後改了任何設定,所有檔案都會照新設定重畫一次。
功能
PNG 會糊,多半是因為事後把一張小 PNG 硬放大。這裡是直接拿 SVG,在最終尺寸畫出來。
轉換器會先把 SVG 設成目標尺寸,再開始畫。24 px 的圖示選 4x,就是直接畫成 96 px,不是拿小圖放大。要做 1200 px 寬的橫幅?輸入 1200,高度會照原本的比例自動算好。
Logo 要放在彩色簡報或網頁上,就維持透明。Email 簽名檔、Word 文件用白底最保險。也能用顏色選擇器挑任何顏色,例如公司 Logo 的那個藍色。
PNG 和 WebP 會保留透明的部分。用不到透明的話,例如要上傳到只收 JPG 的系統,就改選 JPG,透明的地方會填上你選的背景色。
整組圖示丟進來,打包成一個 ZIP 下載。每個檔名都跟原本的 SVG 一樣,不用再一個個改名。
1x 就是 SVG 檔案裡寫的寬和高。如果檔案只有 viewBox,就用 viewBox 的尺寸。兩個都沒有的話,瀏覽器會當成 300 × 150 px,這個工具也一樣。2x、3x、4x 就是把這個尺寸乘上倍數。
要拿去印? 印在紙上清不清楚,看的是像素夠不夠。把印刷寬度(英吋)乘以 300,就是需要的像素。習慣用公分的話,先除以 2.54 換成英吋:5 公分寬的貼紙大約 2 吋,需要約 600 px,在「自訂」輸入就好。
設定超過尺寸上限時,輸出會自動縮小,檔案旁邊也會顯示提醒。
| SVG 尺寸 | 1x | 2x | 4x |
|---|---|---|---|
| 24 × 24 圖示 | 24 × 24 | 48 × 48 | 96 × 96 |
| 512 × 512 Logo | 512 × 512 | 1024 × 1024 | 2048 × 2048 |
| 800 × 400 圖表 | 800 × 400 | 1600 × 800 | 3200 × 1600 |
SVG 存的是形狀的繪製指令,放多大都清楚,之後也好修改。PNG 存的是固定數量的像素格子。建議把 SVG 留著當原始檔,遇到不收向量圖的地方,再轉一張 PNG 出來。
| SVG | PNG | |
|---|---|---|
| 組成 | 形狀、路徑和文字 | 像素 |
| 放大縮小 | 任何尺寸都清楚 | 放大會糊 |
| 之後修改 | 任何形狀、顏色都能改 | 只能在像素上塗改 |
| 能打開的地方 | 瀏覽器、設計軟體、向量圖編輯器 | 幾乎所有地方 |
轉檔是在你的瀏覽器裡完成的,用的就是瀏覽器平常顯示網頁上 SVG 的那套引擎。你的 SVG 檔案和轉出來的圖片,都不會傳到我們的伺服器。客戶的 Logo、還沒公開的設計稿,都不會離開你的電腦。
想自己確認?先打開這一頁,關掉 Wi-Fi,再轉一個檔案。照樣轉得出來。
這點跟我們的「圖片向量化」不一樣,那個工具會把使用者加入的圖片加密備份。這個工具不保留任何副本。