Naar hoofdinhoud springen

PNG naar SVG

Converteer PNG naar SVG met een online vectorizer

Traceer PNG-logo's, pictogrammen, illustraties en lijntekeningen in schaalbare SVG-paden. Transparante gebieden blijven helder en u kunt kiezen voor overtrek in kleur of zwart-wit voordat u de details en ruisonderdrukking afstemt.

Sleep bestanden hierheen

Standaardwaarden voor nieuwe bestanden bewerken

Kleurmodus

Voorbeeld

Geen voorbeeld. Voeg bestanden toe en selecteer ze om resultaten te zien.

Nog geen bestanden. Sleep bestanden hierboven of klik op BESTANDEN SELECTEREN.

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. Elke moderne browser ondersteunt het rechtstreeks; u kunt het vormgeven met CSS of animeren met JavaScript of SMIL. Voor logo’s, pictogrammen en illustraties is het vaak compact, maar complexe SVG-bestanden kunnen groot worden.

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.

KenmerkSVGPNG / JPGICO / ICNS
SchalingResolutieonafhankelijkWazig bij vergrotenVooraf gerenderd op vaste maten
BestandsgrootteKlein voor vormen en pictogrammenGroeit met de resolutieBundel van vooraf gemaakte rasters
BewerkenBewerkbaar als tekst of in vectortoolsAlleen pixelniveau-bewerkingElke maat bewerken en opnieuw bundelen
AnimatieCSS, SMIL, JavaScriptBeperkt (geanimeerd PNG/GIF)Niet ondersteund
TransparantieJaPNG ja, JPG neeJa (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

De bestandsgrootte van de SVG is afhankelijk van het aantal en de complexiteit van de paden, en niet alleen van de pixelafmetingen van de PNG. Een plat logo of pictogram wordt vaak een compacte SVG, terwijl een foto duizenden vormen kan produceren en een bestand dat groter is dan de bron. Minder kleuren, sterkere ruisonderdrukking en eenvoudigere paden zorgen doorgaans voor een kleinere uitvoergrootte.

Wanneer SVG de oorspronkelijke PNG verslaat

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 is precies wat er is geschilderd. Vectorisatie is bij benadering: de tracer past curven aan kleurgebieden aan, zodat zeer dunne lijnen, fotografische gradiënten en geditherde patronen kunnen worden afgevlakt of vereenvoudigd. Logo's, iconen en lijntekeningen volgen meestal nauwgezet; foto's zien er meestal meer gestileerd of posterachtig uit.

Hoe PNG online naar SVG omzetten

  1. 1

    Sleep je bestanden erin, of klik op BESTANDEN SELECTEREN, om ze aan de wachtrij toe te voegen. Tot 40 tegelijk.

  2. 2

    Stel de uitvoeropties in (grootte, DPI, achtergrond, kwaliteit of het detailniveau van het traceren) en de live voorvertoning werkt zich bij.

  3. 3

    Klik op ALLES OPSLAAN om het resultaat te downloaden, of één ZIP wanneer de wachtrij meer dan één bestand bevat.

Privacy: je bestanden verlaten je browser niet

De conversie wordt lokaal in uw browser uitgevoerd met behulp van JavaScript en WebAssembly. Er vindt geen bestandsupload of serverconversie plaats, dus de bestanden die u toevoegt, blijven op uw apparaat staan.

Lokale verwerking helpt vertrouwelijke logo's, interne documenten en niet-vrijgegeven illustraties van klanten te beschermen. Pagina's en conversiecode worden in de cache opgeslagen terwijl u ze gebruikt, zodat tools die u al hebt geopend, kunnen blijven werken zonder een netwerkverbinding.

Veelgestelde vragen

Blijft de transparantie bij het vectoriseren van een PNG behouden?

Transparante gebieden kunnen duidelijk blijven in de SVG-uitvoer, waardoor PNG een nuttige bron is voor logo's en pictogrammen zonder een effen achtergrond. Overtrekken is nog steeds een benadering, dus controleer zachte of semi-transparante randen in het voorbeeld.

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.