Zo gebruik je PNG naar SVG
- 1
Sleep één afbeelding hierheen
Voeg een PNG, JPG, WebP of een andere afbeelding van maximaal 25 MB toe. Logo's, pictogrammen, handtekeningen en vlakke illustraties worden het best overgetrokken.
- 2
Kies een stijl
Zwart-wit maakt vormen in één kleur op basis van een helderheidsdrempel; Color gebruikt maximaal 32 kleuren; Gedetailleerd staat maximaal 64 kleuren toe.
- 3
Maak de paden schoon
Verhoog Afvlakking voor rondere bochten, gebruik het Ruisfilter om vlekjes weg te halen en zet Achtergrond verwijderen aan of uit.
- 4
Sla de SVG op
Vergelijk het resultaat met het origineel en download daarna naam.svg of kopieer de SVG-code naar je project.
Limieten en Pro
Eén afbeelding tegelijk van maximaal 25 MB, overgetrokken tot maximaal 2.000 px langs de langste zijde met maximaal 64 kleuren.
Pro accepteert bronafbeeldingen tot 4 GB. Pro bekijken
Over PNG naar SVG
PNG naar SVG volgt de contouren in een rasterafbeelding en bouwt ze opnieuw op als vectorpaden. Zo kun je het resultaat opschalen tot een billboard of verkleinen tot een favicon, zonder dat er pixels zichtbaar worden. De afbeelding wordt eerst teruggebracht tot een kleurenpalet met een median-cut-kwantiseerder, of in zwart-witmodus tot één vormkleur. Daarna worden alle kleurvlakken door de imagetracerjs-engine omlijnd. De SVG bevat één path-element per kleurlaag, behoudt de breedte en hoogte van de originele afbeelding en kan de achtergrondlaag weglaten, zodat je logo transparant wordt.
Drie resoluties voor overtrekken wegen snelheid af tegen detail: Snel werkt met 800 pixels langs de langste zijde, Gebalanceerd met 1.200 en Hoog met 2.000. Afvlakking loopt van Exact, dat elke pixelstap volgt, tot Max, dat hoeken fors afrondt. Het Ruisfilter verwijdert eilandjes die kleiner zijn dan maximaal 40 pixels. De statistieken onder het voorbeeld laten zien hoeveel paden en kleuren het bestand heeft, een goede indicatie van hoe zwaar het wordt.
Goede kandidaten zijn een bedrijfslogo dat alleen als PNG bestaat, een ingescande handtekening of stempel, een snijbestand voor een vinylplotter of lasergraveerder en eenvoudige pictogrammen. Foto's zijn minder geschikt: ze worden geposteriseerd en een gedetailleerde foto kan een SVG van enkele megabytes opleveren die groter en trager is dan de JPG. Kleurverlopen worden zichtbare banden, tekst wordt omgezet in vormen in plaats van bewerkbare letters en zeer dunne lijnen kunnen bij een lage resolutie uit elkaar vallen.
Privacy
Het overtrekken gebeurt in een aparte Web Worker in dit tabblad: de afbeelding wordt op je apparaat gedecodeerd, gekwantiseerd en omlijnd door imagetracerjs, en de SVG wordt lokaal samengesteld. De code van de tracer wordt pas van deze site opgehaald nadat je een afbeelding hebt gekozen. Noch de afbeelding noch de SVG wordt geüpload of ergens bewaard zodra je de pagina sluit.
Functies
Schone vectorpaden
Eén compact pad per kleurlaag, schaalbaar naar elk formaat zonder pixels.
Drie stijlen
Zwart-wit voor logo's en handtekeningen, Color voor vlakke kunst, Gedetailleerd voor rijkere illustraties.
Afvlakking en ruisfilter
Rond hoekige trapjes af en haal kleine vlekjes weg voordat je downloadt.
Kopieer de code
Plak de SVG-markup direct in HTML, CSS of een ontwerptool.