PNG is lossless and keeps transparency, so it is often larger than the same image as JPG or WebP.
Files (0)
No files yet
Add files and they convert right away. Change a setting and they convert again.
Built with open source libraries. Licenses
什麼是 SVG 到 PNG 轉換器?
SVG 到 PNG 轉換器將向量圖形繪製到像素網格上,並將結果儲存為 PNG。 SVG 是可擴展向量圖形的 W3C 格式,將形狀描述為幾何形狀:路徑、圓形、梯度和文字。這在任何尺寸下都能保持徽標清晰,但這也意味著在有東西繪製之前沒有像素。社交個人資料上傳、辦公室文件、電子郵件簽名、應用程式商店清單和許多內容系統都需要像素,因此必須先渲染 SVG。
這裡的渲染是由瀏覽器自己的 SVG 引擎完成的,該引擎與在網頁上繪製 SVG 的引擎相同。大小來自文件。當 SVG 設定寬度和高度時,將使用 mm、pt 或 轉換為像素等單位。當它只有一個視圖框時,使用視圖框大小,當它沒有視圖框時,它以 1024 x 1024 繪製。最長邊在 512 像素以下的 SVG(典型的 24 x 24 圖示)會按比例放大,直到該邊大於 512 像素,因為向量會因繪製更大而損失任何東西。然後,SVG 縮放選項會將大小乘以 1、2 或 4,每個檔案行下的註釋會說明使用了什麼大小以及原因。更改比例會將每個新增的 SVG 再次轉換為新大小。
運行如下所示。您放下徽標。svg,聲明寬度="240"高度="80",然後選擇 2x。徽標首先放大到 512 x 171,然後加倍,點擊該行的縮圖會開啟標題為 1024x342 的預覽,透明背景顯示為棋盤。 SVG 不塗漆的任何東西在 PNG 中都會保持透明,這通常是選擇 PNG 而不是 JPG 的重點。
有些SVG內容不能這樣繪製。作為圖像呈現的 SVG 不允許獲取文件外部的任何內容,因此省略了透過 URL 連結的圖像和 Web 字體,並且 SVG 內部的腳本不運行。繪製嵌入在文件本身中的圖像。動畫 SVG 變成單一靜態幀,並且帶有 XML 錯誤的 SVG 會透過訊息被拒絕。
一切都運行客戶端,什麼都沒有上傳。超過 50 MB 的 SVG 檔案被拒絕,任何超過 100 兆像素或更寬或高於 16384 像素的輸出也被拒絕,在這種情況下,通常用較小的比例來修復它。該工具是免費的,無需註冊,每日轉換限額。
如何將 SVG 轉換為 PNG
新增您的 SVG 檔案
將它們放在閱讀「在此處放下 SVG 圖像」的方塊中,或按一下上傳。整個圖示集可以立即輸入,每個檔案一新增就開始轉換。其他格式的文件將被關閉,並帶有指向轉換器的連結。
調整 SVG 量表
選擇 1x、2x 或 4x。 1x 使用 SVG 中設定的尺寸,當其小於 SVG 時,最長邊放大到 512 像素。 2x 和 4x 雙倍或四倍兩個尺寸,適合高密度螢幕和列印。更改比例會再次轉換每個新增的 SVG。
檢查每個結果
每行都顯示 PNG 的縮圖、其狀態、將 SVG 與 PNG 進行比較的大小線,以及解釋像素大小如何計算出的註釋。點擊縮圖即可看到 PNG 大號及其像素大小,然後在「之前」和「之後」之間切換。
下載 PNG
按行上的下載圖示儲存一個文件,或下載清單標題中的全部(n 張圖像)以將集合儲存為轉換後的 png。zip。共用名稱的檔案在 ZIP 中編號。
為什麼要將 SVG 轉換為 PNG?
SVG 是更好的保留格式。 PNG 通常是更好的移交格式,因為可以接受的地方要多得多。
上傳僅拍攝光柵影像的內容
個人資料圖片、市場清單、電子郵件簽名建立器和許多 CMS 媒體庫接受 JPG 和 PNG,但不接受 SVG,部分原因是 SVG 可以包含腳本。 PNG 通過這些檢查並保持徽標所需的透明背景。
文件、幻燈片和聊天
辦公室套件、訊息應用程式和舊的設計工具對 SVG 的處理不均勻:有些拒絕它,有些降低梯度或字體,有些根本什麼也沒顯示。 PNG 到處看起來都一樣,因為你看到的東西已經畫好了。
應用程式和圖示的固定大小資產
應用程式商店、啟動器和圖標集要求精確的像素大小。在此處以大比例渲染 SVG,然後使用 image resizer調整其大小,或使用 PNG 到 ICO 轉換器將 PNG 轉換為圖標。
SVG 與 PNG:使用哪一個
| SVG | 巴布亞紐幾內亞 | |
|---|---|---|
| 圖像類型 | 向量。形狀被描述為幾何形狀。 | 光柵。固定的像素網格。 |
| 縮放 | 任何尺寸的鋒利。 | 當放大超過其尺寸時,會模糊或像素化。 |
| 透明度 | 任何未塗漆的東西都是透明的。 | 完整的 alpha 通道,由此轉換器保留。 |
| 動畫 | 可以使用 CSS 或 SMIL。 | 靜態圖像。動畫 SVG 在這裡變成一幀。 |
| 典型的文件大小 | 對於簡單的圖示和標誌來說很小,對於複雜的藝術品來說很大。 | 隨著像素尺寸的增加而增長,因此 4x 輸出比 1x 重得多。 |
| 文字 | 需要可用的字體或轉換為輪廓的文字。 | 烤成像素,所以到處看起來都一樣。 |
| 軟體支援 | 所有現代瀏覽器。辦公室、聊天和上傳工具不均勻。 | 接近通用。 |
| 最好 | 網站、來源藝術作品和任何經常調整大小的內容。 | 上傳、文件、應用程式資產和共享。 |
PNG 大小是如何計算出來的
SVG 沒有固定的像素大小,因此轉換器分三步驟決定一個,並將結果報告在每個檔案下方的註釋中。
- 從根 svg 元素讀取大小:如果兩者都設置,則寬度和高度,其中一個加上 viewBox 比例(如果只有一個),如果兩者都不是,則單獨使用 viewBox,如果沒有 viewBox,則單獨使用 1024 x 1024。百分比和 em 值被忽略。
- 如果最長邊低於 512 像素,請按比例放大繪圖,使最長邊為 512。
- 將兩邊乘以您選擇的比例:1、2 或 4。
| SVG 聲明 | 1x | 2x | 4x |
|---|---|---|---|
| 寬度="24"高度="24" | 512x512 | 1024x1024 | 2048x2048 |
| 僅查看框="0 0 800 600" | 800x600 | 1600x1200 | 3200x2400 |
| 寬度="210mm"高度="297mm" | 794x1123 | 1588x2246 | 3176x4492 |
| 無寬度、高度或視圖框 | 1024x1024 | 2048x2048 | 4096x4096 |
輸出上限為 100 兆像素,兩側為 16384 像素。 5000 x 5000 SVG 在 1x 和 2x 下可以,但在 4x 下它將是 20000 像素寬,並且會透過訊息拒絕。選擇較低的比例並轉換。
隱私和安全
- 繪製 SVG 並將 PNG 儲存在該瀏覽器標籤的客戶端。該文件永遠不會上傳。
- SVG 被渲染為圖像,因此其中的腳本不會運行,也不會取得外部檔案的連結。在此處從未知來源開啟 SVG 不會使其到達網路。
- 不涉及 WebAssembly 解碼器,因為瀏覽器使用自己的內建引擎渲染 SVG。
- 如果您已登錄,每日限制檢查會發送工具名稱、裝置識別碼和您的帳戶令牌。批次後,僅記錄檔案計數、總位元組數和輸出格式,絕不會記錄檔案名稱或內容。
- 轉換後的 PNG 會保留在選項卡的記憶體中,直到您刪除它們、按「全部清除」或關閉頁面。伺服器上不保留任何副本。
主要特點
1x、2x 和 4x 輸出
以自己的尺寸或雙倍或四倍解析度渲染一個 SVG,以便在高密度螢幕和列印中獲得清晰的結果。
小圖示出來可用
聲明為 24 x 24 或類似的 SVG 在縮放之前在其最長邊放大到 512 像素,而不是變成郵票。
保持透明度
SVG 未繪製的區域保持透明,行縮圖及其後面的預覽位於棋盤上,以便您可以看到它。
讀取真實單位
px、pt、pc、in、cm 和 mm 中的寬度轉換為像素,缺失的寬度或高度將回落到 viewBox。
Frequently Asked Questions
Related Tools
HEIC to PNG Converter
Convert HEIC photos to lossless PNG in your browser, in batches, no upload needed
PSD to PNG Converter
Convert Photoshop PSD files to PNG in your browser, no Photoshop or upload needed
PNG to SVG Converter
Trace a PNG logo or icon into an SVG of filled shapes with 2, 8 or 16 colors. It does not recover the original vector design, and photos give large, blotchy SVGs
TIFF to PNG Converter
Convert TIFF images to lossless PNG in your browser, keeping transparency, no upload needed
Comments
0 comments
No comments yet. Be the first to share your thoughts!