PNG · JPG → SVG
PNG/JPG naar SVG vectoriseren
Zet PNG of JPG om in bewerkbare SVG-vormen. Bekijk en download het resultaat privé in je browser.
Afbeelding toevoegen
PNG · JPG · JPEG
Minder kleuren leveren eenvoudigere SVG's op.
Jouw SVG
Voeg een afbeelding toe en vectoriseer deze voor een voorbeeld.
Ideaal voor logo's en illustraties. Foto's worden benaderd en kunnen grote SVG-bestanden opleveren. Transparante PNG-delen blijven transparant.
De juiste afbeelding en instellingen kiezen voor SVG-overtrekken
Overtrekken verandert gekleurde gebieden van een PNG of JPG in SVG-paden. Vlakke illustraties en scherpe randen werken meestal beter dan foto's. Het resultaat benadert de invoer en herstelt geen ontbrekende details.
Stap voor stap
- Open een PNG of JPG met een duidelijk onderwerp. Snijd onnodige omgeving vooraf weg als die ongewenste paden zou toevoegen.
- Begin met weinig kleuren en gebalanceerd detail. Trek over, vergelijk de voorbeelden en pas telkens één instelling aan.
- Download de SVG en bekijk hem op de beoogde weergavegrootte. Bewaar het rasterorigineel als nauwkeurige fotodetails belangrijk zijn.
Instellingen en beperkingen
- Kleurenpalet
- Minder kleuren vereenvoudigen gebieden en verminderen paden, maar kunnen belangrijke tinten samenvoegen. Meer kleuren herstellen geen ontbrekende details.
- Detailniveau
- Eenvoudig, gebalanceerd en gedetailleerd begrenzen de langste werkzijde respectievelijk tot 240, 400 en 600 pixels.
- Transparantie en tekst
- Transparante gebieden worden weggelaten. Gedeeltelijke transparantie wordt vereenvoudigd; tekst wordt vormen in plaats van bewerkbare of doorzoekbare tekens.
Uitgewerkt voorbeeld
Laad color-blocks.png, kies 3 kleuren en gebalanceerd detail. De bron van 600 × 400 wordt overgetrokken op 400 × 267 pixels.
Voorbeeldbestanden downloaden
Voorbeeldinvoer
600 × 400 px · 3Verwacht resultaat
<svg width="600" height="400" viewBox="0 0 400 267">
<path/> <path/> <path/>
</svg>De voorbeeld-SVG bevat 3 gevulde paden en behoudt een weergavegrootte van 600 × 400. Er is geen bronbitmap ingebed.
Vragen en probleemoplossing
Waarom verdwijnen kleine letters of dunne lijnen?
Verkleinen en vereenvoudigen kunnen ze verwijderen. Probeer gedetailleerd en een schonere bron; maak essentiële tekst opnieuw in een vectoreditor.
Is de SVG altijd kleiner dan de PNG?
Nee. Complexe foto's kunnen veel paden en grotere bestanden opleveren. Vergelijk daadwerkelijke downloads in plaats van kleinere vectoruitvoer aan te nemen.
Waarom wordt een volledig transparante afbeelding geweigerd?
Er zijn geen zichtbare pixels om over te trekken. Kies zichtbare vormen in plaats van een leeg transparant canvas.