PNG → SVG

PNG naar SVG omzetten

Maak van een PNG een SVG die uit echte vectorpaden bestaat. Het overtrekken gebeurt op je eigen apparaat, dus de afbeelding verlaat het niet.

Sleep hier een PNG-afbeelding naartoe of klik om een bestand te kiezen, of plak het met Ctrl+V
PNGJPGWebP

Werkt in je browser · bestanden blijven op je apparaat

Zo zet je een PNG om naar SVG

  1. Voeg je PNG toe. Sleep hem in het vak, klik om hem te kiezen of plak hem met Ctrl+V.
  2. Kies kleur of zwart-wit. Kleur behoudt het palet van de afbeelding. Zwart-wit geeft vormen in één kleur voor snijplotters, sjablonen en graveerwerk.
  3. Stel detail en kleuren in. Minder detail haalt spikkels en ruis weg. Minder kleuren voegt vergelijkbare tinten samen tot één vorm, wat een lichter bestand oplevert.
  4. Download de SVG. Of kopieer de code en plak hem in een webpagina, Figma, Illustrator of Inkscape.

PNG naar SVG converteren: wat er technisch gebeurt

Een PNG slaat een raster van pixels op. Een SVG slaat vormen op: contouren die met punten en curven zijn beschreven. Om het een in het ander om te zetten, groepeert de tool aangrenzende pixels met een vergelijkbare kleur tot vlakken en tekent daarna de contour van elk vlak met Bézier-curven. Dat heet overtrekken of vectoriseren.

svgdot gebruikt daarvoor de opensource-engine VTracer, gecompileerd naar WebAssembly. Die trekt de hele afbeelding in kleur over, stapelt de vormen in lagen en laat transparante delen transparant. Een logo op een transparante achtergrond blijft dat dus ook in de SVG.

PNG omzetten naar SVG: welke afbeeldingen geschikt zijn

Overtrekken werkt het best bij vlakke beelden: logo's, iconen, badges, lijntekeningen, handtekeningen, eenvoudige illustraties en tekst in grote letters. Zulke afbeeldingen hebben duidelijke randen en weinig kleuren, en leveren daardoor een paar strakke vormen op.

Foto's zijn een ander verhaal. Elke toonovergang wordt een extra vorm, het resultaat lijkt op een poster en het bestand kan uitgroeien tot duizenden paden. Moet je toch een foto vectoriseren, zet de schuif Detail dan lager en verlaag het aantal kleuren tot het resultaat leesbaar is.

BronafbeeldingResultaatAanbevolen instellingen
Logo of icoonStrakke vormen, klein bestandKleur, standaarddetail
Inkttekening of handtekeningPaden in één kleurZwart-wit
Pixelart of QR-codeScherpe, rechte randenRechte lijnen
FotoPosterachtig, veel padenMinder kleuren, minder detail

Afbeelding naar SVG omzetten zonder uploaden

De meeste online converters sturen je bestand naar een server en sturen het resultaat terug. Hier wordt de engine één keer gedownload en draait hij in het tabblad van je browser, zodat de afbeelding op je eigen computer of telefoon wordt verwerkt. Er wordt niets opgeslagen en er is geen account, watermerk of daglimiet.

Heel grote afbeeldingen worden vóór het overtrekken verkleind tot 2.000 pixels aan de langste zijde, zodat de conversie seconden duurt in plaats van minuten. De tool meldt het als dat gebeurt.

PNG naar SVG voor snijplotters en drukwerk

Cricut, Silhouette, lasersnijders en vinylplotters volgen de contouren van een SVG. Gebruik daarvoor de zwart-witmodus: elk zwart vlak wordt een gesloten vorm die de machine kan snijden. Voor drukwerk en grote formaten houdt de kleurmodus elke vorm scherp op elk formaat, wat een PNG niet meer kan zodra je hem vergroot.

Vragen over PNG naar SVG

Is deze PNG naar SVG-converter gratis?
Ja. Er is geen registratie, geen watermerk en geen limiet op het aantal bestanden.
Wordt mijn afbeelding naar een server geüpload?
Nee. De conversie draait met WebAssembly in je browser en het bestand blijft op je apparaat.
Blijft de transparante achtergrond behouden?
Ja. Transparante delen van de PNG blijven leeg in de SVG, dus er staat geen wit vlak achter het resultaat.
Waarom heeft mijn SVG zoveel paden?
Elk kleurvlak wordt een pad. Verlaag het detail of het aantal kleuren om kleine vlakken samen te voegen en een lichter bestand te krijgen.
Kan ik de SVG daarna bewerken?
Ja. Het resultaat is een gewone SVG die opent in Figma, Illustrator, Inkscape of elke browser. Je kunt de code ook bewerken in de SVG-viewer.