PNG naar SVG
PNG omzetten naar SVG - Rasterafbeeldingen vectoriseren
Trace PNG-afbeeldingen naar schone, schaalbare SVG-paden. Tracen in kleur of helder zwart-wit, met instelbaar detail. Werkt volledig in je browser.
Voorbeeld
Wat is PNG?
PNG (Portable Network Graphics) is een verliesvrij rasterafbeeldingsformaat met volledige alfa-kanaaltransparantie. Een transparante PNG is ideaal voor pictogrammen, schermafbeeldingen, illustraties en elke graphic die scherpe randen of een transparante achtergrond nodig heeft.
Wat is SVG?
SVG (Scalable Vector Graphics) is een op XML gebaseerd vectorafbeeldingsformaat. In plaats van pixels beschrijft een SVG vormen, paden, vullingen en lijnen wiskundig, zodat het op elke grootte zonder kwaliteitsverlies kan worden weergegeven.
SVG is het standaard vectorformaat voor het web. Het wordt native ondersteund door elke moderne browser, kan worden gestileerd met CSS, geanimeerd met JavaScript of SMIL, en is doorgaans een fractie van de grootte van een gelijkwaardige rasterafbeelding.
SVG versus rasterformaten
Vectorafbeeldingen (SVG) en rasterafbeeldingen (PNG, JPG) lossen verschillende problemen op. Het juiste formaat hangt af van waar de afbeelding voor zal worden gebruikt.
| Kenmerk | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| Schaling | Resolutieonafhankelijk | Wazig bij vergroten | Vooraf gerenderd op vaste maten |
| Bestandsgrootte | Klein voor vormen en pictogrammen | Groeit met de resolutie | Bundel van vooraf gemaakte rasters |
| Bewerken | Bewerkbaar als tekst of in vectortools | Alleen pixelniveau-bewerking | Elke maat bewerken en opnieuw bundelen |
| Animatie | CSS, SMIL, JavaScript | Beperkt (geanimeerd PNG/GIF) | Niet ondersteund |
| Transparantie | Ja | PNG ja, JPG nee | Ja (op PNG-basis) |
Wanneer PNG naar SVG omzetten
Zet PNG om naar SVG wanneer een logo, icoon of illustratie schoon moet schalen op elk formaat. Een PNG vectoriseren levert scherpe output in afdrukresolutie en op HiDPI-schermen, plus een bewerkbaar bestand dat je kunt herkleuren, vergroten en animeren. Beste resultaten met PNGs met vlakke kleuren en schone randen; complexe foto’s tracen ook, maar leveren grotere SVGs op.
PNG naar SVG: bestandsgrootte en kwaliteitsafwegingen
Bestandsgrootte
Een eenvoudig PNG-logo (32×32 tot 512×512) weegt doorgaans 5–30 KB; vectoriseren levert meestal een 2–15 KB SVG op die op elk formaat schaalt. Een fotografische PNG (4000×3000 bij 4–8 MB) traceert tot een SVG van ongeveer 50–300 KB, kleiner dan de bron, maar met afgevlakt detail. Hoe meer vlakke kleur in de PNG, hoe groter de winst.
Wanneer SVG de juiste keuze is
Gebruik de SVG wanneer het asset op meerdere formaten moet verschijnen (favicons, retina-iconen, drukkwaliteitslogos), of wanneer je het wilt herkleuren of animeren. SVG is bewerkbaar als tekst, dus de vectorvorm is ook wat naar een design system gaat.
Wanneer de originele PNG behouden
Blijf bij de PNG voor fotografie, schermafbeeldingen en anti-aliased UI-captures. Pixelnauwkeurige content vectoriseren produceert een veel grotere SVG dan de bron-PNG, en de tracer vlakt ruis, fijne gradiënten en scherp anti-aliasing af tot grovere kleurregio’s.
Kwaliteitsafwegingen
PNG is verliesvrij: elke pixel komt precies overeen met wat is geschilderd. Vectorisatie is benaderend: de tracer past curven aan kleurregio’s aan, dus zeer dunne lijnen, fotografische gradiënten en gedithered patronen worden glad of getrapt. Voor logo’s, iconen en lijnkunst is het resultaat meestal visueel identiek; voor foto’s verwacht een gestileerde, posterachtige look.
Hoe PNG online naar SVG omzetten
- Sleep je bestand (of klik op BESTANDEN SELECTEREN) om het aan de wachtrij toe te voegen.
- Pas de opties links aan (formaat, grootte, achtergrond, kwaliteit) en kijk hoe het voorbeeld wordt bijgewerkt.
- Klik op ALLES OPSLAAN om het geconverteerde bestand te downloaden (of een ZIP als je meerdere bestanden hebt geüpload).
Privacy en beveiliging
Je bestanden verlaten je computer nooit. De conversie draait volledig in je browser met JavaScript en WebAssembly. Geen upload, geen server en geen tracking van de inhoud van je bestanden.
Omdat er niets wordt geüpload, is de tool veilig voor vertrouwelijke logo's, interne documenten en bedrijfseigen graphics.
Veelgestelde vragen
Blijft de transparantie bij het vectoriseren van een PNG behouden?
Ja. PNG-transparantie blijft behouden tijdens het tracen: transparante gebieden in de bron blijven transparant in de SVG, zodat het vector-logo of -icoon schoon op elke achtergrond past.
Welk soort PNG vectoriseert het best?
PNGs met vlakke kleuren, schone randen en beperkte paletten (logo’s, iconen, lijntekeningen, stickers) leveren kleine, schone SVGs. Gedetailleerde foto’s werken ook, maar leveren grotere bestanden; voor die: verhoog ruisonderdrukking en verlaag kleurprecisie.
Kleur- of zwart-witmodus?
Kleur voor logo’s, illustraties en alles met meerdere vullingen. Zwart-wit voor lijntekeningen, gescande tekeningen, handtekeningen of alles dat als schone monochrome silhouet moet dienen. De Z/W-drempelschuif regelt de grens tussen zwart en wit.