PNG naar SVG vectoriseren
Een PNG vectoriseren betekent dat de pixels worden overgetrokken als paden die je kunt schalen, opnieuw kleuren en bewerken. Deze tool draait de Potrace- en ImageTracer-algoritmen in de browser om logo’s, iconen en lijntekeningen met vlakke kleuren om te zetten in schone SVG. Fotografische PNG’s en zachte verlopen vectoriseren slecht; gebruik dit vooral voor beelden met scherpe randen en weinig kleuren.
Hoe vectoriseren werkt
-
1
Sleep een PNG hierheen
De beste resultaten komen van een scherpe bron: minstens 512 px aan de langste zijde, met vlakke vullingen.
-
2
Kies een modus
Monochroom, met een eenkleurige Potrace-trace, of meerkleurig, met een geposteriseerd palet en één pad per kleur.
-
3
Stem drempel en afvlakking af
De drempel bepaalt wat als zwart telt; afvlakking rondt kartelige pixeltraptreden af.
-
4
Bekijk en download
Vergelijk de rasterafbeelding en vectorversie naast elkaar. Tevreden? Download dan de SVG.
Wat goed vectoriseert
| Bron | Verwacht resultaat |
|---|---|
| Zwart logo op witte achtergrond | Schone SVG met één pad, zeer dicht bij het pixelbeeld |
| Vlak icoon met 2–4 kleuren | Goede SVG met meerdere paden en scherpe randen |
| Handgetekende inktschets | Bruikbaar met afvlakking op 3–5 |
| Foto | Slecht, miljoenen kleuren vallen uiteen in ruisige vlekken |
| Screenshot met anti-aliasing | Redelijk na drempelverwerking, maar subpixeldetail gaat verloren |
Belangrijke instellingen
- Drempelwaarde (monochrome modus). De grens tussen wat gevuld wordt en wat transparant wordt. Standaard 128; verlaag voor dunne lijnen, verhoog om korrelige achtergronden weg te laten.
- Aantal kleuren (meerkleurige modus). Het aantal paletstappen. 4–8 is genoeg voor de meeste logo’s. Boven 16 ontstaat vaak ruis en renderen SVG-viewers langzamer.
- Afvlakking / hoekdrempel. Veel afvlakking rondt hoeken af; handig voor organische vormen, maar slecht voor scherpe icoonranden.
- Padvereenvoudiging. Vermindert het aantal knooppunten. Agressief vereenvoudigen maakt het bestand kleiner, maar kan dunne lijnen vervormen.
Na het exporteren
Open de SVG in Illustrator, Inkscape of Figma en controleer de knooppuntdichtheid. Handmatig opgeschoonde paden zijn bijna altijd kleiner en vloeiender dan automatisch getracete paden. Voor logo’s die naar drukwerk gaan, is het vaak beter om de vectortrace als referentie te gebruiken en de vorm opnieuw te tekenen.
Veelgestelde vragen
Vectortracing maakt paden van kleurgebieden. Foto’s bevatten miljoenen gradaties; een trace levert dan een ruisig mozaïek van vlekken op. Voor foto’s zijn rasterformaten zoals JPG of WebP beter.
Ja. Als de bron-PNG een transparante achtergrond heeft, neemt de getracete SVG die transparantie over. Gebruik bij een JPG-bron eerst een achtergrondverwijderaar.
Ja. De SVG gebruikt standaard <path>-elementen met absolute coördinaten, die elke vectoreditor kan lezen en per knooppunt kan aanpassen.
512–2048 px aan de lange zijde is ideaal. Zeer kleine iconen verliezen detail; zeer grote bestanden maken duizenden knooppunten en blazen de SVG op.
Nee. Potrace draait als WebAssembly in de browser. Er wordt niets verzonden.
Gerelateerde tools
WebP naar PNG
Converteer WebP-afbeeldingen naar PNG met behoud van transparantie en pixelnauwkeurige kwaliteit voor bewerken, afdrukken en oudere ontwerptools.
GIF-maker
Zet een reeks afbeeldingen om in een geanimeerde GIF. Stel beeldsnelheid, kwaliteit en afmetingen in voor het exporteren.
Foto-editor
Browsergebaseerde foto-editor met bijsnijden, draaien, helderheid, contrast, verzadiging, filters, tekstoverlay en export naar JPG, PNG of WebP.
QR-codegenerator
Maak in uw browser een QR-code van tekst of een URL en download deze als PNG.
Barcodegenerator
Maak in de browser een 1D-barcode in Code 128, EAN, UPC, ITF-14 en andere ondersteunde formaten en download deze als SVG of PNG.
ARW-naar-JPG-converter
Converteer Sony ARW RAW-foto's naar JPG. Maak van je camera-RAW-bestand een deelbare, universeel compatibele JPEG zonder Lightroom te openen.