Tracing groups the colours and turns each area into a filled shape. It does not recover an original vector design: logos and flat artwork trace cleanly, photos give large, blotchy SVGs.
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
什麼是 PNG 到 SVG 轉換器?
PNG 到 SVG 轉換器將光柵影像追蹤到填充的向量形狀。它無法恢復原始向量設計:形狀是從像素重建的,因此邊緣是近似值。標誌、圖示、線條藝術和其他顏色很少的平面藝術品可以很好地追蹤。照片沒有;它們會變成大的、有斑點的 SVG,可以有很多兆字節,有時甚至數十兆字節,比您開始的 PNG 大得多。
兩種格式之間的差異解釋了為什麼這根本值得做。 PNG 儲存固定的像素網格,因此放大它會使邊緣變得塊狀。 SVG 儲存被描述為路徑並充滿顏色的輪廓,瀏覽器或設計應用程式可以以任何尺寸乾淨地重新繪製這些輪廓。追蹤的 SVG 可以進入網頁,在向量編輯器中重新著色,或由根據輪廓工作的切割機或雷射雕刻機讀取。
追蹤分兩步驟進行。首先,影像被縮減為一個小調色板,即您在顏色下選擇的數字。然後示踪劑在相同顏色的每個區域的邊緣上行走,並在其上擬合直線和曲線,每個區域產生一條填充路徑。每條路徑還獲得自己顏色的 1 像素輪廓,從而閉合相鄰形狀之間顯示的髮際線間隙。
兩種設定塑造結果。顏色為2、8(預設)或16。詳細資訊為低、中(預設)或高:低首先稍微模糊圖像,適合較寬鬆的曲線並刪除小於斑點的形狀,從而提供更簡單和更小的文件,而高則遵循像素緊密地並保留微小的形狀。更改任一設定會再次追蹤每個新增的文件,並且每行都會顯示 PNG 大小旁邊的新 SVG 大小,因此您可以在下載之前比較設定。
追蹤使用 imagetracerjs 在後台 Web Worker 中運行客戶端,僅在新增第一個檔案時下載該檔案,因此頁面保持響應狀態並且不會上傳任何圖像。在追蹤之前,兩側超過 1200 像素的影像會縮小,以便作業在幾秒鐘內完成,並且 SVG 仍然設定為在原始寬度和高度開啟。需要超過兩分鐘的追蹤會被停止,並顯示一條訊息,表示顏色更少或細節更低。接受高達 100 兆像素的 PNG,透明區域變成透明形狀,並且該工具是免費的,無需註冊,並且每天轉換上限。
如何將 PNG 轉換為 SVG
新增您的 PNG 檔案
將 PNG 圖像放入框中,或按一下上傳。一次幾個文件就可以了,每個文件一添加就會被追蹤。標誌、圖示和平面圖形給出最乾淨的結果。
設定顏色和細節
為黑白藝術作品選擇 2 種顏色,為大多數標誌選擇 8 種顏色,為陰影圖形選擇 16 種顏色。從中等細節開始。使用新值再次更改每個檔案的任一設定。
檢查痕跡
每行將追蹤的 SVG 顯示為縮圖、其狀態以及大小線,其中包含前後的大小以及 SVG 的大小。按一下縮圖以開啟 SVG 大號並在「之前」和「之後」之間切換。如果邊緣看起來塊狀或檔案太大,請變更設定並再次查看。
下載 SVG 檔案
按行上的下載圖示儲存該 SVG,或在清單標題中下載全部以將批次儲存為轉換後的 svg。zip。
為什麼要將 PNG 轉換為 SVG?
當影像簡單且需要縮放或將其讀取為輪廓時,追蹤是值得的。對於任何照片,請保留 PNG。
僅作為 PNG 存在的標誌
原始向量檔案經常遺失,剩下的就是從網站或電子郵件簽名中提取的 PNG。追蹤為您提供了一個 SVG,可以縮放橫幅或列印作業,沒有塊狀邊緣。仔細檢查曲線和小文本,因為它們是從像素重建的,而不是從設計者的文件中複製的。
切割機、雕刻機和刺繡軟體
乙烯基切割機、雷射雕刻機和許多工藝工具遵循路徑,而不是像素。輪廓、模板或字母組合的 2 色痕跡將每個深色區域變成機器可以切割的閉合形狀。
網路圖示和插圖
追蹤到 SVG 的平面圖示在高密度螢幕上保持清晰,並且可以使用 CSS 重新著色。如果您稍後需要設定大小的像素版本,將 SVG 渲染回 PNG。
PNG 與追蹤 SVG:使用哪一個
| 巴布亞紐幾內亞 | 追蹤svg | |
|---|---|---|
| 它儲存什麼 | 像素網格。 | 從這些像素追蹤到的填充形狀。不是原始的向量設計。 |
| 縮放 | 擴大時呈塊狀或模糊狀。 | 乾淨地重新繪製任何尺寸。 |
| 顏色 | 數百萬,梯度平滑。 | 2、8 或 16 種平面顏色。漸層變成帶。 |
| 透明度 | 完整的阿爾法通道。 | 透明區域被描繪為透明形狀。 |
| 標誌和圖標 | 就保存的大小而言很好。 | 合身性好:邊緣乾淨,易於重新著色。 |
| 照片 | 非常適合,通常文件較小。 | 貼合性差:SVG 大而有斑點,有時達數十兆位元組。 |
| 編輯 | 像素編輯器。 | 向量編輯器、切割和雕刻軟體、程式碼。 |
顏色和細節如何改變痕跡
每個設定都是 SVG 外觀忠實度與其包含多少形狀之間的權衡。更多的形狀意味著更大的檔案和向量編輯器中的更多清理。
顏色:2、8 或 16
在追蹤之前,圖像被簡化為如此多的顏色。兩種顏色適合黑白標誌、模板、簽名和線條藝術。八個處理大多數平面徽標,帶有一些品牌顏色和一些抗鋸齒邊緣。十六號可以保持更多的陰影,但代價是每個柔軟的邊緣都有更多的小形狀。
細節:低、中或高
低細節使影像稍微模糊,鬆散地擬合曲線並丟棄微小的形狀,從而給出平滑的輪廓和小文件。中適合大約一個像素內的曲線。 High 緊緊跟隨像素並保持小形狀,因此它保留了細筆畫,但也吸收了雜訊。
為什麼照片會出錯
照片到處都有柔和的漸變和紋理,因此即使是 16 種顏色,它也會分裂成數千個不規則斑塊。每個補丁都會變成一條有自己的座標的路徑,SVG 最終可能會變成 PNG 大小的許多倍,同時看起來像海報化的副本。這是追蹤的限制,而不是您可以修復的設定。
隱私和安全
- PNG 在此瀏覽器標籤內的後台工作人員中進行解碼和追蹤。該圖像從未上傳。
- 只有當您新增第一個檔案時,才會從本網站載入 imagetracerjs 庫。
- SVG 僅根據追蹤路徑構建,沒有原始 PNG 的腳本、連結或嵌入副本。
- 每日使用檢查會發送工具名稱、裝置識別碼和登入令牌(如果您有)。不包含圖像資料。
- 批次後,頁面記錄檔案計數、總位元組數和輸出格式,而不是檔案名稱或像素。
主要特點
2、8 或 16 種顏色
從黑白藝術品到陰影平面圖形
低、中、高細節
光滑、緊湊的輪廓或緊密的小形狀
無間隙形狀
每個形狀上的薄薄匹配輪廓隱藏了顏色之間的接縫
SVG 預覽和檔案大小
下載前查看追蹤的結果及其權重,每次更改設定時都會更新
Frequently Asked Questions
Related Tools
JPG to SVG Converter
Trace a JPG logo, scan or signature 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
SVG to PNG Converter
Convert SVG vector graphics to PNG at 1x, 2x or 4x in your browser, no upload needed
PNG to PDF Converter
Put PNG screenshots and graphics into one PDF without losing detail, one page per image, in your browser
SVG to PDF Converter
Put SVG graphics onto PDF pages as images at 1x, 2x or 4x resolution, one page per file, in your browser
Comments
0 comments
No comments yet. Be the first to share your thoughts!