Naar inhoud springen
PNGtoSVG

Hoe werkt image tracing?

Image tracing (ook wel vectorisatie of autotracing genoemd) is het proces waarmee een converter een pixelgebaseerde afbeelding omzet in een set vectorpaden. Dit is wat er achter de schermen echt gebeurt.

Van pixels naar paden: het grote plaatje

Een tracing-algoritme bekijkt een rasterafbeelding gebied per gebied van gelijke kleur, bepaalt de grens tussen dat gebied en zijn buren, en beschrijft die grens vervolgens als een vloeiende wiskundige curve in plaats van een trap van losse pixels. Herhaal dit voor elk apart kleurgebied, en je krijgt een complete vectorversie van de originele afbeelding.

Stap 1: Kleurdetectie & kwantisatie

De meeste bronafbeeldingen bevatten veel meer kleuren dan je als aparte vectorvormen zou willen — foto's alleen al kunnen miljoenen unieke pixelwaarden bevatten door compressieruis en kleurverlopen. Kwantisatie groepeert vergelijkbare kleuren in een kleiner, vast palet (je bepaalt zelf het aantal kleuren met een instelling), zodat de afbeelding wordt vereenvoudigd tot schone, aparte gebieden voordat het tracen begint.

Stap 2: Randdetectie

Zodra elke pixel aan een kleur uit het palet is toegewezen, scant het algoritme de afbeelding om te vinden waar het ene kleurgebied eindigt en het andere begint. Deze grenzen worden eerst pixel voor pixel getraced, wat een gekartelde omtrek oplevert die de trapvormige randen van het originele rasterraster volgt.

Stap 3: Padopbouw & curve fitting

De gekartelde pixelomtrek wordt vervolgens gladgestreken tot een klein aantal rechte lijnen en kwadratische curves die de omtrek benaderen binnen een foutmarge — dit is de instelling "detail" of "gladstrijken" in een tracing-tool. Een lagere drempelwaarde volgt de originele pixelranden strakker (meer knooppunten, meer detail); een hogere drempelwaarde levert minder, vloeiendere curves op.

Zwart-wit versus volledige kleur tracing

De modus Zwart-wit reduceert de hele afbeelding tot slechts twee kleuren (voor- en achtergrond) voordat het tracen begint, wat één schoon pad oplevert — ideaal voor logo's, lijntekeningen en snijbestanden voor vinyl of lasersnijden. De modus Volledige kleur behoudt meerdere kleuren uit het palet en traceert elke kleur als een eigen laag, wat je wilt voor foto's of illustraties met meerdere kleuren.

Wat traceert goed (en wat niet)

Tracen werkt het beste bij:

  • Logo's, iconen en badges met effen kleuren — weinig kleuren, scherpe randen
  • Lijntekeningen en schetsen — hoog contrast tussen inkt en achtergrond
  • Eenvoudige illustraties met duidelijk gescheiden kleurgebieden

Tracen is lastiger bij:

  • Foto's met zachte kleurverlopen of veel fijne textuur (haar, gras, stof)
  • Afbeeldingen met erg weinig contrast, waarbij voor- en achtergrond moeilijk te scheiden zijn
  • Zwaar gecomprimeerde JPEG's die opnieuw als PNG zijn opgeslagen, wat kleurruis introduceert die kwantisatie moet gladstrijken

Veelgestelde vragen

Levert tracen een pixelperfecte kopie van mijn afbeelding op?

Nee — tracen benadert je afbeelding met een beperkt aantal kleuren en vloeiende curves, waardoor heel fijn detail wordt vereenvoudigd. Bij logo's en lijntekeningen valt dit meestal niet op; bij foto's levert het een meer gestileerd, poster-achtig resultaat op.

Waarom ziet mijn getracete SVG er blokkerig uit als ik het detail te laag zet?

Een lage instelling voor detail/gladstrijken houdt het pad strak tegen de originele pixelranden aan, wat er gekarteld uit kan zien bij gebogen vormen. Meer gladstrijken laat het algoritme minder, langere curves gebruiken voor een schoner resultaat.

Is dit dezelfde technologie als Adobe's Image Trace?

Het onderliggende idee — kleuren kwantiseren, randen detecteren, curves fitten — is dezelfde algemene aanpak die tools zoals Adobe Illustrator's Image Trace en andere autotracing-software gebruiken.

Klaar om je eigen afbeelding te converteren? PNGtoSVG.

PNGtoSVG
PNG vs SVG: Wat is het verschil?

Het verschil in formaat dat tracen om te beginnen nodig maakt.

Hoe zet je een logo om naar SVG

Pas alles hierboven stap voor stap toe op een echt logo.

PNG naar SVG voor borduurwerk

Waarom een schone vectortrace belangrijk is voor borduurdigitalisatiesoftware.