Gratis omvandlare
PNG till SVG Vectorizer
Konvertera Raster PNG/JPG-bilder till skalbar vektor SVG-grafik. Säkert, snabbt och bearbetat helt i din webbläsare.
Dra och släpp PNG/JPG här
Stöder upp till 50MB
Eller
Konvertera Raster PNG/JPG-bilder till skalbar vektor SVG-grafik. Säkert, snabbt och bearbetat helt i din webbläsare.
Stöder upp till 50MB
Att konvertera PNG till SVG är i grunden en spårningsoperation, inte en formatändring. PNG lagrar pixlar; SVG lagrar geometriska primitiver. Att gå från ett pixelrutnät till skalbara vektorbanor kräver tolkning av bitmappen och ritning av ungefärliga former runt områden med liknande färg. Resultatet är verkligen skalbart – du kan ändra storlek fritt utan pixelering – men det är inte en perfekt reproduktion av källan. Fotografiskt innehåll spåras dåligt eftersom varje färgvariation på pixelnivå blir en form som producerar enorma SVG:er som motverkar syftet. Logotyper, ikoner, streckteckningar och grafik med hög kontrast spåras rent eftersom de har ett litet antal färgområden med väldefinierade gränser.
Denna omvandlare använder imagetracerjs-biblioteket, en JavaScript-port för vektorspårningsalgoritmer som liknar potrace. PNG:n avkodas till en RGBA-bitmapp, bitmappen segmenteras i färgområden med hjälp av en konfigurerbar palett, varje regions gräns spåras till en väg, vägar förenklas med hjälp av Bezier-approximation, och de resulterande vägarna sänds ut som SVG-vägelement. Hela pipelinen körs i din webbläsare utan någon serveruppladdning.
Spårningsparametrar styr avvägningen mellan trohet och filstorlek. Fler färger och finare detaljer ger en större SVG som bättre matchar källan; färre färger och grövre spårning ger en mindre SVG med en mer stiliserad känsla. Standardinställningarna är inställda för logotyper och ikoner; komplexa bilder kan dra nytta av ett spårningspass med justerade inställningar, eller kanske helt enkelt inte är bra kandidater för vektorisering.
Vektorisering av en PNG är mest användbart när du behöver skala bilden utöver dess ursprungliga upplösning. Särskilt logotyper anländer ofta som PNG-filer i blygsam storlek och måste se skarpa ut på skyltar, näthinnaskärmar och storformatsutskrifter. En vektorspårning producerar en SVG som skalas utan kvalitetsförlust; avvägningen är trohet mot de ursprungliga pixlarna.
SVG är också betydligt mer kompakt än PNG för grafik med få färger och stora platta områden. En PNG-ikon på 256×256 kan vara 8 KB; motsvarande SVG med två eller tre färger är ofta under 1 KB. För UI-ikonbibliotek som levereras till ett webbgränssnitt minskar vektorversioner paketstorleken och förbättrar skärpan på alla skärmdensiteter.
Släpp en PNG, välj spårningsinställningar, generera en SVG.
imagetracerjs implementerar en pipeline i flera steg: färgkvantisering reducerar bitmappen till ett fast antal färger med hjälp av k-betyder klustring eller mediansnitt; kantdetektering identifierar pixelgränser mellan regioner; konturspårning följer gränser för att producera slutna polygoner; linje-och-kurva-anpassning approximerar polygoner med Bezier-kurvor för att minska vägdata.
Algoritmparametrarna som betyder mest är antal färger (typiskt: 4–32), pathomit (banor kortare än så många pixlar kasseras som brus), ltres (linjetolerans - hur långt en kant kan avvika innan den delas upp i ett nytt segment) och qtres (kvadratisk kurvtolerans - hur aggressivt kurvor jämnas ut). Standardinställningarna fungerar bra för logotyper; komplexa bilder drar nytta av justering per bild.
Utdata är standard SVG 1.1 med banelement. Varje färgområde blir en bana med ett fyllningsattribut. Den resulterande filen öppnas i valfri webbläsare, vektorredigerare eller SVG-medvetet designverktyg. Filstorleken beror främst på antalet sökvägar och noddensitet; en typisk spårad logotyp är 1–10 kB.