PNG naar SVG: logo vectoriseren met strakke randen

Wil je een logo van PNG naar SVG omzetten, dan laat je het beeld overtrekken tot vectorvormen, controleer je de randen en kleuren en exporteer je het resultaat. Begin met een scherp bronbestand. Overtrekken maakt een logo schaalbaar, maar letters of details die in de PNG ontbreken, haalt het niet betrouwbaar terug.

De illustratie met het blad laat het principe van overtrekken zien. Het is geen echt conversieresultaat.

Hieronder zie je hoe je een logo vectoriseert met Afbeelding vectoriseren, hoe je een witte achtergrond weghaalt en hoe je voorkomt dat kleine details verdwijnen. De tool accepteert PNG-, JPG- en WebP-bestanden tot 10 MB, en je hebt geen account nodig.

Wat verandert er als je PNG naar SVG omzet?

Een PNG bestaat uit pixels. Vectorpaden beschrijven vormen met coördinaten en curven. Daardoor kun je die vormen vergroten zonder dat er een pixelraster zichtbaar wordt.

Alleen de extensie zegt nog niet of een afbeelding echt gevectoriseerd is. Een SVG kan ook een rasterafbeelding bevatten: de W3C-specificatie voor SVG beschrijft dat via het image-element. Een tool die „PNG to SVG” belooft, kan de pixels dus ook gewoon in een SVG-bestand verpakken, zonder iets te overtrekken. Zo’n ingesloten PNG houdt alle beperkingen van de oorspronkelijke bitmap. Voor een bewerkbaar logo wil je overgetrokken paden, die je in een vectorprogramma kunt selecteren en opnieuw kunt inkleuren.

Overtrekken blijft een benadering. Vlakke kleuren en duidelijke grenzen geven de tool bruikbare informatie. Onscherpte, schaduwen en piepkleine letters maken het lastiger om de vormen terug te vinden. Kan de oorspronkelijke ontwerper een vectorbestand leveren, begin dan daarmee. Een afbeelding vectoriseren is vooral handig als je alleen een rasterbestand hebt.

De PNG voorbereiden

Kies het scherpste logobestand dat je hebt, het liefst rechtstreeks geëxporteerd uit het originele ontwerp. Vermijd screenshots met stukjes interface, een scheef perspectief of veel lege ruimte rondom. Bewaar een kopie van de bron, zodat je die straks naast het SVG kunt leggen.

Kijk goed naar de achtergrond. Een schaakbordpatroon in een fotobewerker kan op transparantie wijzen, maar een schaakbord dat in de PNG zelf is opgeslagen, hoort gewoon bij het beeld. Bij het overtrekken kan elk vakje dan een eigen vorm worden.

Staat er kleine tekst in het logo? Bekijk de letters dan vóór het uploaden. Lopen twee lijnen in de PNG al in elkaar over, dan blijven ze vaak verbonden, ook bij een hogere detailinstelling. Letters opnieuw opbouwen in een editor werkt meestal beter dan ze uit een wazig bestand proberen te redden.

Logo vectoriseren: van PNG naar SVG in vijf stappen

1. Upload de afbeelding en controleer het afbeeldingstype

Open de converter van afbeelding naar SVG en klik op Afbeelding kiezen, of sleep je PNG naar het uploadvak. Houd de pagina open tot het eerste resultaat verschijnt.

De tool kiest zelf een startprofiel. Klik op Verfijnen als de instellingen zijn ingeklapt en controleer daarna het Afbeeldingstype. Kies Logo voor een vlak logo of icoon. Vergelijk Origineel en Vectorresultaat voordat je iets wijzigt: vaak staan de belangrijkste vormen er na de eerste poging al goed in.

2. Kies een verstandig aantal kleuren

Met Maximaal aantal kleuren vereenvoudig je het palet. Probeer voor een logo in twee kleuren eerst 2 en kijk of beide kleuren overblijven. Een logo met schaduwen heeft er meer nodig. Je wilt de kleuren houden die ertoe doen, zonder dat elke vage tint langs een rand een eigen vorm wordt.

Onder Kleurenpalet bewerken klik je op een kleurvakje om de kleur te wijzigen. Met Merkkleur vergrendelen blijft een gekozen kleur staan als je het palet aanpast. Je kunt ook vergelijkbare vakjes selecteren en ze met Selectie samenvoegen combineren tot één kleur naar keuze. Bekijk het voorbeeld na elke aanpassing, vooral op de plekken waar twee kleuren elkaar raken.

3. Stel detail en vloeiendheid los van elkaar in

Verhoog Fijne details als een kleine inkeping, een dunne lijn of de opening in een letter verdwijnt. Verlaag de waarde als er ongewenste spikkels blijven staan. Veel detail levert soms een groter en ingewikkelder SVG-bestand op, dus de hoogste stand is niet vanzelf de beste.

Met Vloeiendheid pas je de contouren aan. Let daarbij vooral op hoeken en bochten. Verander één instelling tegelijk, dan zie je wat er hielp. Zoom in om de randen te controleren en zoom daarna uit tot het formaat waarop het logo echt gebruikt wordt. Een instelling die er op groot formaat netter uitziet, kan een klein logo juist slechter leesbaar maken.

4. Haal een witte achtergrond voorzichtig weg

Zet Wit verwijderen aan als de PNG een witte achtergrond heeft die weg moet. Deze optie richt zich op de aaneengesloten witte achtergrond en haalt dus niet elk wit vlak in het logo weg.

Controleer witte letters en witte delen die tegen de achtergrond aan liggen. Kijk ook naar ingesloten ruimtes, zoals het gat in een O: losse witte vlakken kunnen blijven staan. Een gekleurde achtergrond, een schaduw of een ingebakken schaakbord moet je misschien apart opschonen in een foto- of vectorprogramma.

Voor een SVG met transparante achtergrond moeten de vlakken rond het logo ook echt transparant zijn. Bekijk de export daarom op een lichte én op een donkere ondergrond. Achtergebleven witte vormen en lichte randjes vallen dan meteen op.

5. Exporteer het SVG en controleer het bestand

Kies onder SVG-exportprofiel voor Ontwerp als je verder wilt bewerken. Web levert geoptimaliseerde code voor gebruik op een website. Klik op SVG downloaden zodra de verwerking klaar is.

Open het bestand in je vectorprogramma en controleer het voordat je een bestaand logo vervangt:

• Je kunt de vormen selecteren en een andere kleur geven.
• Openingen in letters, smalle tussenruimtes en kleine details zijn nog zichtbaar.
• De kleuren kloppen met het palet dat je voor ogen had.
• De achtergrond gedraagt zich goed op zowel lichte als donkere vlakken.

Gaat het logo naar de drukker of op een snijplotter, controleer dan de afmetingen en productie-eisen in de software die je daarvoor gebruikt. Een gedownload SVG is niet automatisch klaar voor productie.

Veelvoorkomende problemen bij een logo vectoriseren

De contour ziet er bibberig uit

Gebruik een scherpere PNG als je die hebt. Pas de vloeiendheid voorzichtig aan, want te veel maakt bewuste hoeken rond. Blijven de fouten zitten, dan moet je de paden met de hand bijwerken.

Het logo bestaat uit te veel vormen

Verlaag het maximale aantal kleuren of de fijne details en controleer of de belangrijke onderdelen blijven staan. Voeg bijna gelijke kleuren in het palet samen waar dat kan.

De letters kloppen niet

Overgetrokken tekst wordt een verzameling vormen, geen bewerkbare tekst. Heb je precieze letters nodig of wil je de tekst later nog aanpassen, zet hem dan opnieuw in het juiste lettertype in je editor.

Veelgestelde vragen

Kun je gratis een logo vectoriseren?

Ja. Een logo van PNG naar SVG omzetten en het SVG downloaden is gratis, zonder registratie en zonder watermerk. Tekst naar vector, waarmee je een afbeelding maakt vanuit een beschrijving, is een aparte functie. Daarvoor moet je inloggen. Die functie is op dit moment gratis, met een dagelijkse limiet per account.

Kan ik een logo ook in Illustrator vectoriseren?

Ja, met de functie Image Trace. Heb je Illustrator niet, dan kun je een SVG uit AI Vector openen en verder bewerken in Illustrator, Inkscape of Figma.

Wordt een wazig logo scherp als je het naar SVG omzet?

Je krijgt schaalbare contouren, maar details die in de bron ontbreken, komen niet betrouwbaar terug. Gebruik een scherpere PNG, of bouw beschadigde delen met de hand opnieuw op als nauwkeurigheid belangrijk is.

Blijft de achtergrond transparant bij PNG naar SVG?

De tool ondersteunt transparantie in de bron. Controleer wel het geëxporteerde resultaat, vooral rond zachte randen en schaduwen, want die kunnen vereenvoudigd worden. Heeft je PNG een dichte witte achtergrond, probeer dan Wit verwijderen en bekijk welke vormen overblijven.

Kan ik een logo maken zonder bestaande PNG?

Met Tekst naar vector maak je vanuit een beschrijving een eerste ontwerp. Werk dat verder uit en zet de precieze merknaam erin met een vectorprogramma.

Controleer het bestand voor je het gebruikt

Zet je logo om naar SVG en begin met het bestand dat je al hebt.