Je hebt je logo als PNG. Het ziet er prima uit in de header van je site, en dan vraagt iemand het groot — een banner, een drukwerk, een t-shirt — en opgeblazen wordt het zacht en gekarteld. Dat is het plafond van een rasterbestand: het is een vast raster van pixels, en er is geen extra detail te vinden wanneer je het vergroot. Een SVG heeft dat plafond niet. Het slaat het logo op als vormen en paden, dus het tekent scherp opnieuw, of het nu 32 pixels breed is of twee meter.
Een PNG-logo in SVG-vorm krijgen betekent het tracen — de pixels lezen en vectorpaden tekenen die de randen volgen. Voor een vlak logo is dat precies de juiste tool, en het is snel.
Waarom een logo goed traceert
Een goed logo is de ideale invoer voor tracen. Het heeft meestal een klein aantal effen kleuren, schone grenzen ertussen, en geen zachte verlopen of fotografische textuur. Een tracer leest dat soort afbeelding schoon: het vindt elk blok kleur, tekent er een strak pad omheen, en produceert een SVG met slechts een handvol vormen. Klein bestand, scherpe randen, achteraf volledig bewerkbaar.
Iconen, simpele illustraties, lijntekeningen en handletters vallen om dezelfde reden in dezelfde gelukkige categorie — vlakke kleur en duidelijke randen.
De stap-voor-stap
- Begin met de schoonste PNG die je hebt. Een hogere resolutie, scherpe bron traceert beter dan een piepklein wazig exemplaar. Heeft je logo een transparante achtergrond, hou die dan — de trace kan die behouden.
- Kies een preset die bij het logo past. Voor een merk van twee of drie kleuren houdt Flat / logo het aantal kleuren laag en de vormen simpel. Voor een gedetailleerdere illustratie staat Detailed meer paden toe. Voor pure lijntekening of een silhouet reduceert Black & white het tot twee tonen.
- Controleer de voor/na-voorvertoning. Vergelijk de trace met het origineel. Ogen randen klonterig, of verzon de tool extra kleuren, probeer dan een andere preset — minder kleuren geeft meestal een schoner, kleiner resultaat.
- Download de SVG en open hem in een vectorbewerker om bij te stellen indien nodig.
Omdat dit volledig in je browser draait, wordt het logo dat je erin sleept nooit geüpload — het wordt gelezen van een canvas op je eigen machine, er is geen account, en het werkt offline zodra de pagina is geladen.
Opschonen en herkleuren na het tracen
De uitvoer is een gewone SVG gemaakt van benoemde paden en vullingen, dus je zit niet vast aan wat de trace ook produceerde. Open hem in Illustrator, Inkscape of Figma en je kunt de kleur van een heel gebied veranderen door één vulling te bewerken, je exacte merk-hex instellen, een verdwaalde vorm verwijderen die de tracer oppikte, of een pad bijstellen. Dit is de echte beloning: het logo houdt op een vast plaatje te zijn en wordt een bewerkbaar object op elk formaat.
Waar het niet helpt: foto's
Wees eerlijk over de invoer. Dit traceert vormen, geen foto's. Voer je het een foto — een portret, een productfoto, landschap — dan produceert het nog steeds een SVG, maar een verschrikkelijke: duizenden subtiele kleuren worden benaderd door gestapelde vlekken, het bestand blaast ver voorbij de originele JPG op, en het oogt uitgesmeerd. Voor alles met doorlopende toon hou je het als rasterformaat en comprimeer je het in plaats daarvan. En dit is geen AI die je logo hertekent tot iets nieuws — is de bron-PNG wazig of ruizig, dan erft de trace dat. Een schoon, vlak, weinig-kleurig logo geeft een schone SVG; dat is de gulden middenweg.