Een logo vectoriseren: van PNG naar meerkleurige SVG, gratis
De volledige techniek, geen simpele formaatwissel: welke voorinstelling je kiest, hoeveel kleuren je houdt, wat een SVG in lagen oplevert en hoe je het resultaat controleert. Gratis, zonder account.
Wat vectoriseren van een logo écht betekent
Een logo vectoriseren betekent het opnieuw opbouwen als geometrische vormen - paden, geen pixels - zodat het scherp blijft van een favicon van 16 pixels tot een winkelpui. Goed gedaan behoudt de SVG elke kleur van het origineel als eigen bewerkbare laag. Als je bestand klaar is, doet de gratis online logoconverterhet in minder dan een minuut; de rest van deze handleiding gaat over een resultaat dat je kunt afgeven aan een drukker, een ontwikkelaar of een snijmachine.
Twee buurgidsen houden deze gericht: elk type rasterconverteren staat in de gids voor elke afbeelding naar SVG converteren, en een klein, wazig of gepixeld logo redden heeft een eigen workflow, verderop gelinkt. Hier gaat het om het logo-specifieke vak: kleuraantallen, uitvoer in lagen en kwaliteitscontrole.
Eén waarschuwing vooraf: sommige «converters» leveren een .svg die in werkelijkheid je PNG is, verpakt in een base64-<image>-tag. Open het bestand in een teksteditor: één gigantisch gecodeerd blok in plaats van <path>-elementen betekent dat je een hernoemde bitmap hebt gekregen, geen vector.
Echte resultaten van de converter
Drie soorten logo's komen binnen
De voorinstelling die je kiest hangt af van welke van de drie logo's je in handen hebt. Beslis dat eerst: het is de grootste kwaliteitshefboom die er is.
Het éénnleurige merk
Woordmerk, icoon, stempel: één kleur op een egale ondergrond. Het makkelijkste geval: de voorinstelling Zwart-Wit levert één schone vorm, het kleinst mogelijke bestand en precies wat graveurs, vinylsnijders en sjablonen vragen.
Het vlakke meerkleurige logo
Twee tot zes effen kleuren, geen verlopen - het meest voorkomende klantlogo. De voorinstelling Poster is ervoor gebouwd: elke kleurzone wordt een eigen vectorpad, gestapeld in lagen. Precies dit geval verpesten generieke gidsen door alles plat naar zwart-wit te slaan.
Het verlooprijke embleem
Metalen glans, zachte schaduwen, 3D-effecten. Tracing kan verlopen alleen benaderen als kleurbanden. De voorinstelling Foto doet het beste werk, maar verwacht een gestileerde posterversie van je embleem, geen tweeling - en een veel zwaarder bestand.
Welke voorinstelling voor welk logo
Koppel je logo aan een rij en neem de voorinstelling - de hele beslissing in één tabel:
| Jouw logo | Voorinstelling | Wat je krijgt |
|---|---|---|
| Eénkleurig woordmerk, icoon of stempel | Zwart-Wit | Eén schone vorm, minimaal bestand, snij-klaar |
| 2-6 effen kleuren (de meeste klantlogo's) | Poster | Eén bewerkbaar pad per kleur |
| Verlopen, metallics, zachte schaduwen | Foto | Verlopen benaderd als kleurbanden |
| Logo op drukke of gekleurde ondergrond | Eerst voorbereiden | Undergrond vrijknippen of bijsnijden, dan traceren |
| Minuscule screenshot, onder ~200 px breed | Vind een groter bestand | Geen voorinstelling verzint resolutie - zie de gids voor wazige logo's |
| Logo met fijne serifen of veel detail | Poster + meer detail | Meer patroondetail houdt dunne streken in leven |
Benieuwd wat er met de pixels onder elke keuze gebeurt? De mechaniek wordt ontleed in wat vectorisatie eigenlijk doet.
Hoeveel kleuren moet de SVG behouden?
Dit is de beslissing die generieke tutorials overslaan - en ze bepaalt zowel de getrouwheid als het gewicht van je bestand. Elke extra kleur kost paden; de kunst is stoppen bij het aantal kleuren dat het logo écht heeft:
- 1-2 kleuren: Zwart-Wit. Als het merk één kleur plus ondergrond is, betaal je bij kleurtracing alleen antialiasing-ruis. Eén vorm, verenlicht bestand.
- 3-8 effen kleuren: Poster. De sweet spot van echte logo's. De merkkleuren overleven als benoemde lagen die je kunt herkleuren; de JPEG-nevel tussen vormen wordt geabsorbeerd, niet nagetekend.
- Dutzenden tinten: Foto. Alleen voor verloop-emblemen. De getrouwheid stijgt, maar ook het gewicht: een Foto-SVG kan tien keer zijn Poster-tweeling wegen en toch gestileerd ogen.
Vuistregel: tel de kleuren van de merkhandleiding, tel er één voor de ondergrond bij, en stop daar. Als je het doel van een kleur niet kunt benoemen, zou de tracer hem niet moeten tekenen.
SVG in lagen: waarom één pad per kleur telt
Open een goed getraced logosvg in een teksteditor en je vindt een kleine stapel <path>-elementen - één per kleur, de grootste eerst. Die structuur is geen implementatiedetail: het maakt het bestand tot een werkend asset in plaats van een foto ervan.
Omdat elke kleur een eigen pad is, wordt een rebranding een bewerking van twee minuten: selecteer de laag, pas de nieuwe vulling toe, exporteer - in Inkscape, Illustrator of elke editor die SVG opent. Op het web laat een vulling op currentColor het logo automatisch het paginathema volgen. Een platgeslagen tracing biedt daar niets van: elke herkleuring betekent opnieuw traceren.
Een logo gratis vectoriseren (4 stappen)
Zonder account, zonder installatie, zonder watermerk:
- Upload het logo - sleep de PNG, JPG, WebP of BMP erin. De grootste, schoonste versie die je hebt, trac't het best.
- Kies de voorinstelling met de tabel hierboven: Zwart-Wit voor éénkleurige merken, Poster voor vlakke meerkleurige logo's, Foto voor verloop-emblemen.
- Zet het kleuraantal op het merkpallet: ongeveer de kleuren waarmee het logo ontworpen is, plus de ondergrond.
- Controleer de voorvertoning met de checklist hieronder en download de SVG: echte <path>-elementen, klaar voor druk, web of snijders.
Onder de motorkap draait de conversie op een automatisch traceerprogramma afgeleid van VTracer, de open-source-Rust-tracer. Je logo wordt herbouwd als gestapelde vectorvormen - nooit ingepakt of hernoemd.
Is de tracing goed? Een kwaliteitscheck van 60 seconden
Voer het bestand voor aflevering door vier controles. Samen duren ze een minuut en vangen elke gangbare fout:
- Inzoomen tot 400 %. Randen moeten gladde curven blijven. Trappen of nevel betekenen: bron te klein of kleuraantal te hoog.
- Verklein tot favicongrootte. Als het merk op 16 px onleesbaar is, is de tracing getrouw maar heeft het logo een vereenvoudigde icoonvariant nodig - traceer alleen het symboolgedeelte apart.
- Controleer de kleuren. Elke merkkleur moet als zichzelf lezen. Afwijkende tonen betekenen dat de tracer kleuren aan antialiasing heeft uitgegeven: verlaag het aantal en traceer opnieuw.
- Weeg het bestand. Een logo-SVG moet enkele KB's zijn. Tientallen KB's betekent dat de tracer ruis heeft getekend; dat gewicht volgt het bestand naar elke pagina die het laadt.
De favicontest is degene die mensen overslaan en betreuren: een vector die alleen op volle grootte werkt, beschermt niets wat een png met hoge resolutie al niet beschermde.
Wanneer een logo traceren faalt - en wat dan te doen
Drie situaties brengen mensen hier terwijl de tracer, eerlijk gezegd, het verkeerde gereedschap is:
- Verlooprijke emblemen. Tracing benadert verlopen als banden. Als de glans dè merkuitstraling is, vraag de klant om het originele vectorbestand of houd het raster - een gebandeerde SVG kan er slechter uitzien dan een scherpe PNG.
- Het enige bestand is een screenshot van 150 pixels. Geen voorinstelling verzint pixels, maar upscalen is niet de enige route: het herstelproces in de gids voor het repareren van een wazig logo perst veel meer uit kleine bestanden dan een directe tracing.
- Het is eigenlijk een foto met tekst erop. Foto's vragen andere voorinstellingen en andere verwachtingen - de gids foto naar SVG behandelt dat gebied.
De scheidingslijn: traceren zet schone vormen om in schonere vormen. Zit er geen schone vorm in de bron, dan is de oplossing een betere bron of een hertekening - niet meer instellingen.
Illustrator vs Inkscape vs een gratis online converter
Alle drie de routes leiden naar een SVG. Ze verschillen in kosten, leercurve en wat je daarna kunt corrigeren:
| Gereedschap | Het beste voor | Let op |
|---|---|---|
| Adobe Illustrator | Volledige handmatige controle: paden met de hand hertekenen, exacte merkkleuren, overdracht naar drukker | Een abonnement voor wat meestal één Image Trace-klik is |
| Inkscape (gratis) | Lokaal traceren, paden bewerken en opschonen zonder softwarekosten | De leercurve van een volwaardige editor; meerkleurig vraagt de multi-scan-tab |
| Online converter | Eén logo, één minuut, niets installeren - op logo's afgestemde kleurvoorinstellingen, uitvoer in lagen | Batch- en zware opschoning blijven desktopwerk; controleer het privacybeleid voor vertrouwelijke merken |
Eerlijke noot: Illustrators Image Trace en Inkscape Bitmap traceren draaien op hetzelfde type motor als een online tracer. Betaalde software koopt handmatige bewerking ná de tracing - geen betere automatische tracing.
Eén logo, elke variant - en een batchroute
Echt merkwerk is nooit één bestand. Dezelfde conversie dekt de hele set:
- Varianten: alleen icoon, horizontale versie, geïnverteerd voor donkere achtergronden - traceer elke vanaf zijn rasterbron, zelfde voorinstelling, consistente resultaten.
- Bestemmingen: druk (van visitekaartje tot borduring), web (van favicon tot hero), en snijders of graveurs die vectorpaden direct volgen.
- Overdracht: een SVG in lagen met één pad per kleur is het bestand dat ontwikkelaars en drukkers vragen - geen «kun je een grotere versie sturen?»-mails meer.
Een hele identiteitskit in één keer converteren - elke variant, elk historisch logo - is precies wat de gids voor batchconversie automatiseert met de gratis desktop-app.
Gerelateerde conversiegidsen
Herstel, theorie en batchwerk - de gidsen eromheen.
Veelgestelde vragen
Hoe vectoriseer ik een logo gratis?
Upload het logo in de gratis online converter, kies de bijpassende voorinstelling (Zwart-Wit voor éénkleurige merken, Poster voor vlakke meerkleurige logo's, Foto voor verloop-emblemen), zet het kleuraantal op het merkpallet en download de SVG. Zonder account, zonder watermerk; de gratis desktop-app doet hetzelfde lokaal voor offline werk.
Kan ik een logo vectoriseren zonder Adobe Illustrator?
Ja. Illustrators Image Trace draait op hetzelfde type automatische traceermotor als gratis tools: het abonnement koopt handmatige padbewerking, geen betere automatische tracing. Voor een eenmalige conversie leveren een gratis online converter of Inkscape een even geldige SVG.
Behoudt een meerkleurig logo zijn kleuren in de SVG?
Met de voorinstelling Poster, ja: elke kleurzone wordt een eigen vectorpad, dus de SVG behoudt het pallet als bewerkbare lagen die je in elke editor kunt herkleuren. Vermijd Zwart-Wit voor gekleurde logo's - het slaat alles plat tot één vorm.
Heeft de SVG een transparante achtergrond?
De tracing volgt de vormen in je bestand: heeft de bron-PNG een transparante achtergrond, dan houdt de SVG die; staat het logo op een effen ondergrond, dan wordt die ondergrond ook als vorm getrac't. Voor een schone uitsnede verwijder je de achtergrond voor het uploaden, of verwijder je daarna de achtergrondlaag in een SVG-editor.
Is het veilig om een vertrouwelijk klantlogo te uploaden?
De online converter verwerkt de afbeelding en verwijdert ze - er wordt niets opgeslagen. Voor logo's onder NDA of strikte merkhandleidingen voert de open-source-desktop-app dezelfde conversie volledig op je eigen machine uit, offline.
Vectoriseer je logo nu - gratis, zonder account
Upload de PNG of JPG, kies een voorinstelling en download in minder dan een minuut een meerkleurige SVG in lagen - zonder account, zonder watermerk, zonder Illustrator.
Ondersteun Open Source Ontwikkeling
PixelToPath is gratis te gebruiken. Als deze tool u heeft geholpen tijd te besparen, overweeg dan om me op een koffie te trakteren.
❤️ Doneer via Ko-fi