Raster en vector zijn twee verschillende manieren om een afbeelding op te slaan, en het verschil kennen vertelt je precies wanneer je ertussen moet converteren. Een rasterafbeelding — PNG, JPG, WebP — is een vast raster van gekleurde pixels. Een vectorafbeelding — SVG — is een set instructies: teken dit pad, vul het met deze kleur, zet deze cirkel hier. Omdat een vector vormen met wiskunde beschrijft in plaats van pixels, blijft hij scherp op elk formaat, terwijl een raster vervaagt zodra je hem voorbij zijn eigen resolutie duwt.
"Raster naar vector" betekent traceren: een engine leest de pixels en werkt uit welke vormen erin verscholen zitten, en schrijft die vormen dan uit als vectorpaden. In de juiste situatie gedaan is het echt nuttig. In de verkeerde maakt het een rommeltje. Deze gids behandelt beide.
Waar traceren goed voor is
Traceren wil egale invoer met schone randen: logo's, iconen, eenvoudige illustraties, lijnwerk, handletters. Deze hebben een beperkt palet en duidelijke grenzen, dus de tracer kan elk kleurgebied vinden en er een net pad omheen tekenen. Het resultaat is een compacte SVG met een handvol vormen — scherp op elke schaal, klein in bestandsgrootte, en achteraf bewerkbaar. Is je doel een logo dat werkt van favicon tot billboard, dan brengt traceren je daar.
Waarom foto's de verkeerde keuze zijn
Een foto is het tegenovergestelde van wat een tracer wil. Hij heeft duizenden subtiel variërende kleuren en geen harde randen — continue toon. Om dat te vectoriseren moet de engine elke gradiënt benaderen met gestapelde, overlappende klodders egale kleur. Drie dingen gaan tegelijk fout: de SVG wordt enorm, vaak meerdere keren groter dan de originele JPG; het ziet er uitgesmeerd en geposteriseerd uit in plaats van fotografisch; en het is pijnlijk om te bewerken omdat het uit duizenden betekenisloze vormen bestaat. Voor foto's is een rasterformaat simpelweg het juiste antwoord — comprimeer de JPG of converteer in plaats daarvan naar WebP. Vector is voor graphics, niet voor foto's.
Presets en aantal kleuren
Het aantal kleuren dat de tracer mag gebruiken is de grootste hefboom op het resultaat. Presets stellen dat voor je in: Egaal / logo houdt kleuren laag voor eenvoudige merken, Gedetailleerd staat er meer toe voor rijkere illustraties, Geposteriseerd stort de afbeelding in tot vette egale banden, en Zwart-wit reduceert alles tot twee tonen voor lijnwerk en silhouetten. Minder kleuren betekenen een schoner, kleiner bestand; meer kleuren vangen subtiliteit ten koste van extra paden en gewicht. Twee presets op dezelfde afbeelding proberen en de voor/na-preview vergelijken is de snelste manier om de juiste balans te vinden.
Allemaal lokaal, niets geüpload
De hele conversie draait in je browser met de imagetracer-engine. De afbeelding wordt gelezen van een canvas op je eigen machine, daar getraceerd, en teruggegeven als een SVG — er wordt niets geüpload, er is geen account, en zodra de pagina is geladen werkt het met het netwerk uit. Dat is het hebben waard voor een logo of een interne graphic die je liever niet naar de server van iemand anders stuurt.
Eén verduidelijking, omdat het woord "converteren" erom vraagt: dit is echt traceren, geen AI-hertekening. Het volgt de pixels die je gaf en verzint geen schonere versie van je werk. Een scherpe, egale bron met weinig kleuren geeft een scherp resultaat; een wazige of ruizige geeft wazige, ruizige paden.
Na de tracering
Omdat de uitvoer een standaard SVG van benoemde paden en vullingen is, kun je eraan blijven werken in elke vectorbewerker — Illustrator, Inkscape, Figma. Herkleur een heel gebied door één vulling te bewerken, stel precieze merkkleuren in, verwijder verdwaalde vormen, of pas een pad aan. Dat is het punt van naar vector gaan: de afbeelding houdt op een vaste foto te zijn en wordt een object dat je bezit en op elk formaat kunt hervormen, wazevrij.