Gratis converter
PNG naar SVG-vectorizer
Converteer Raster PNG/JPG-afbeeldingen naar schaalbare Vector SVG-afbeeldingen. Veilig, snel en volledig verwerkt in uw browser.
Sleep PNG/JPG hierheen
Ondersteunt tot 50 MB
Of
Converteer Raster PNG/JPG-afbeeldingen naar schaalbare Vector SVG-afbeeldingen. Veilig, snel en volledig verwerkt in uw browser.
Ondersteunt tot 50 MB
Het converteren van PNG naar SVG is in principe een traceringsbewerking en geen wijziging van het formaat. PNG slaat pixels op; SVG slaat geometrische primitieven op. Om van een pixelraster naar schaalbare vectorpaden te gaan, moet de bitmap worden geïnterpreteerd en bij benadering vormen worden getekend rond gebieden met een vergelijkbare kleur. Het resultaat is echt schaalbaar – je kunt het formaat vrij aanpassen zonder pixelvorming – maar het is geen perfecte reproductie van de bron. Fotografische inhoud is slecht traceerbaar omdat elke kleurvariatie op pixelniveau een vorm wordt, waardoor enorme SVG's ontstaan die het doel voorbijschieten. Logo's, pictogrammen, lijntekeningen en afbeeldingen met hoog contrast worden duidelijk weergegeven omdat ze een klein aantal kleurgebieden met goed gedefinieerde grenzen hebben.
Deze converter maakt gebruik van de imagetracerjs-bibliotheek, een JavaScript-poort van vectortraceringsalgoritmen vergelijkbaar met potrace. De PNG wordt gedecodeerd in een RGBA-bitmap, de bitmap wordt gesegmenteerd in kleurgebieden met behulp van een configureerbaar palet, de grens van elke regio wordt in een pad getraceerd, paden worden vereenvoudigd met behulp van Bezier-benadering en de resulterende paden worden verzonden als SVG-padelementen. De hele pijplijn draait in uw browser zonder enige serverupload.
Traceringsparameters bepalen de afweging tussen betrouwbaarheid en bestandsgrootte. Meer kleuren en fijnere details zorgen voor een grotere SVG die beter aansluit bij de bron; minder kleuren en grovere overtrekken produceren een kleinere SVG met een meer gestileerd gevoel. Standaardinstellingen zijn afgestemd op logo's en pictogrammen; complexe afbeeldingen kunnen baat hebben bij een traceerpas met aangepaste instellingen, of zijn eenvoudigweg geen goede kandidaten voor vectorisatie.
Het vectoriseren van een PNG is vooral handig als u de afbeelding verder moet schalen dan de oorspronkelijke resolutie. Vooral logo's komen vaak aan als PNG's van bescheiden formaat en moeten er scherp uitzien op billboards, retina-displays en afdrukken op groot formaat. Een vectortracering produceert een SVG die schaalt zonder kwaliteitsverlies; de afweging is trouw aan de originele pixels.
SVG is ook aanzienlijk compacter dan PNG voor afbeeldingen met weinig kleuren en grote vlakke gebieden. Een PNG-pictogram van 256×256 kan 8 KB groot zijn; de equivalente SVG met twee of drie kleuren is vaak minder dan 1 KB. Voor UI-pictogrambibliotheken die aan een webfrontend worden geleverd, verminderen vectorversies de bundelgrootte en verbeteren ze de scherpte op alle weergavedichtheden.
Zet een PNG neer, kies overtrekinstellingen, genereer een SVG.
imagetracerjs implementeert een pijplijn met meerdere fasen: kleurkwantisering reduceert de bitmap tot een vast aantal kleuren met behulp van k-means clustering of mediaan cut; randdetectie identificeert pixelgrenzen tussen gebieden; contourtracering volgt grenzen om gesloten polygonen te produceren; lijn-en-curve-aanpassing benadert polygonen met Bezier-curven om padgegevens te verminderen.
De algoritmeparameters die er het meest toe doen zijn het aantal kleuren (typisch: 4-32), pathomit (paden die korter zijn dan dit aantal pixels worden weggegooid als ruis), ltres (lijntolerantie – hoe ver een rand kan afwijken voordat deze in een nieuw segment wordt gesplitst) en qtres (kwadratische curvetolerantie – hoe agressief curven worden afgevlakt). De standaardinstellingen werken goed voor logo's; complexe afbeeldingen profiteren van afstemming per afbeelding.
De uitvoer is standaard SVG 1.1 met padelementen. Elk kleurgebied wordt één pad met een vulattribuut. Het resulterende bestand wordt geopend in elke browser, vectoreditor of SVG-bewuste ontwerptool. De bestandsgrootte hangt voornamelijk af van het aantal paden en de knooppuntdichtheid; een typisch getraceerd logo is 1–10 KB.