PNG 轉 SVG。
放入 PNG 或 JPG,得到真正的向量圖形。
拖入一張 PNG 或 JPG,得到真正的向量圖形——帶有俐落轉角的描摹曲線,而不是套上 SVG 外殼的點陣圖。放大到看板尺寸依然清晰;在 Illustrator、Inkscape、Figma 或切割機中開啟,每個節點都能移動。描摹就在這個分頁裡完成,你的圖片不會離開你的電腦。
如何把 PNG 轉成 SVG
-
1
放入你的圖片
PNG、JPEG、WebP 或 HEIC 檔案,從手機或電腦放入都可以。圖片由你的瀏覽器讀取,從不上傳——描摹就在你自己的裝置上進行。
-
2
選擇圖片類型
線稿、標誌、藝術作品、海報或照片。工具會根據圖片本身猜測類型,你也可以自行更改。每一種的色盤大小和平滑程度都不同。
-
3
微調細節
只有一個滑桿,從「更簡潔」到「更精細」。更簡潔代表顏色和圖形更少,檔案更小、效果更醒目;更精細則保留更多原圖的樣貌。
-
4
登入以取得檔案
預覽免費且不限次數,讓你看到最後會得到的樣子——同樣的色盤、同樣的圖形、同樣的處理方式。SVG 檔案本身則需要免費帳號:你的圖片會以完整解析度重新描摹,所以成品的細節比預覽更精細;檔案會交到你手上,並與你的設計一起保存,換台裝置也能重新下載。
描摹邊界,而不是疊加圖層
大多數彩色描摹工具會逐一追蹤每種顏色,再把結果疊起來。細縫就是這樣來的。
兩個相鄰的圖形,共用同一條曲線作為彼此之間的邊,所以在平滑處理時不會錯開。沒有接縫、沒有空隙、沒有重複描出的邊——不管放大多少,永遠如此。
銳利的轉折在任何平滑處理之前就會先被找出來,絕不會被抹成弧線。logo 的直角輸出後仍是直角,而不會悄悄變成圓角——這是事後唯一無法挽回的錯誤。
描摹器是幾百行數學程式碼,就在你的瀏覽器分頁裡執行。你的圖片不會傳送到伺服器,不會排隊,也不會被保留。這也代表不用等待上傳——大圖轉換得多快,只取決於你自己的裝置有多快。
哪些圖片適合向量化
logo、插畫、旗幟、圖示、漫畫、掃描的手稿:它們本來就是由圖形構成,描摹它們是轉譯,而不是猜測。噴槍式的漸層則必須變成一條條色帶,而且你會看得出那些色帶。
JPEG 會在每條硬邊周圍散布振鈴雜訊,並在平塗區域留下一格格的方塊。對描摹器來說,這些雜訊是真實存在的,會變成成千上萬個細小圖形。有 PNG 就用 PNG——如果只有 JPEG,就把「細節」滑桿往「更簡潔」調一點。
長邊大約 1000–1600 像素是最理想的範圍。超過這個尺寸,描摹器開始解析的是壓縮雜訊,而不是作品:檔案變大、圖形數量攀升,畫面卻沒有真的變好。
相關閱讀:QR code 藝術產生器 · 從零開始畫會動的向量筆跡 · 如何拍攝作品 · AR 藝術微噴
用於印刷、切割與網頁的向量檔
Cricut、Silhouette、割字機和雷射切割機,要的都是封閉的向量路徑。「線稿」和「標誌」預設給的正是這個——乾淨、有填色,而且數量少到機器不會切到明天還沒切完。
如果你的 logo 只有一張小小的 PNG,一旦有人要把它印在布條上,麻煩就來了。描成向量之後,同一個標誌既能放上名片,也能放上整面建築外牆。
SVG 圖示在每種螢幕上都清晰銳利,顏色可以直接用 CSS 指定,檔案也常比它取代的 PNG 更小。這裡輸出的是單純的路徑和單純的填色,所以改樣式只需要改一行。
現在,讓作品本身活起來
向量檔可以任意縮放。Interart 的編輯器更進一步:它透過手機相機認出作品本身,鏡頭怎麼移動,影片、3D 與聲音都鎖定在作品上播放。把標誌轉成向量、印出來,讓它展開成更多東西。
有疑問,就有答案。
預覽不限次數,也不需要帳號,所以你可以先看到結果再做任何決定。檔案本身則需要免費帳號:每月 10 個,以完整解析度重新描摹,細節比預覽更精細,並與你的設計一起保存,也可以商用。Pro 取消上限。
不會。描摹在你的瀏覽器裡、在你的裝置上執行——圖片從不傳送到伺服器。除非你選擇保存完成的檔案,否則沒有任何東西會離開這個分頁;即使保存,也只會儲存 SVG,絕不儲存原始圖片。
可以,但得到的會是風格化的版本,而不是原樣複製。照片沒有真正的向量形式:每一處柔和的漸層都必須變成有邊緣的平塗圖形。「照片」預設會盡力做到最好,但平塗的作品——logo、插畫、線稿——才是向量描摹真正的用武之地。
因為這張圖裡的圖形太多,超出向量檔能輕鬆承載的程度——通常是照片,或是壓縮雜訊被當成真實細節描摹出來的 JPEG。把「細節」滑桿往「更簡潔」移動,或選擇更平塗的預設。工具會在結果旁顯示檔案大小,讓你邊調整邊看到取捨。
會。PNG 裡的透明區域在 SVG 裡依然透明——它們只是變成沒有任何圖形覆蓋的區域,這正是向量檔中「透明」的意思。透明背景上的 logo,轉換回來後依然是透明背景。
不會。大多數彩色描摹工具會分別追蹤每種顏色,再把結果疊起來,於是相鄰的圖形對彼此之間的邊界各說各話,就出現縮放時會跟著移動的細縫。這個工具每條邊界只描摹一次,並把同一條曲線同時給兩側的圖形,所以它們不可能不一致。
可以。輸出的是一般的 SVG 路徑和單純的填色——沒有內嵌點陣圖、沒有濾鏡,也沒有裁切遮罩之類的花招——所以 Illustrator、Affinity、Inkscape、Figma 和各種切割機軟體都能打開它,讓你自由移動節點。
可以——「線稿」和「標誌」預設正是為此而設計的。它們會產生封閉、有填色、轉角俐落的路徑,正是切割軟體所需要的。圖形數量盡量少一點:你給切割機幾條路徑,它就會一條條照著切。
可以。用你擁有權利的作品轉換出來的檔案,歸你使用、印刷和販售。轉換別人的圖,並不會讓你取得它的權利。
打開範本,變成你的作品。
Interart 的 AR 範本都是完成好的可用設計——在瀏覽器編輯器中開啟,換上你自己的作品,它就是你的了。每個範本都自帶引導教學,教你一種技巧。
無需帳號——註冊後你的作品會自動保留。
一張圖,任何尺寸。
免費方案,包含商業使用。