Naar inhoud springen

SVG naar PNG en PNG naar SVG converteren

Zet SVG-bestanden om in haarscherpe PNG's in elk formaat, of vectoriseer een PNG of JPG naar SVG. De conversie draait in je browser.

Sleep SVG-bestanden hierheenof klik om te bladeren · plak SVG-code met Ctrl+V
SVG kiezenVerwerkt op je apparaat – wordt niet geüpload
Werkt in je browser · geen uploadZo werkt het

Zo gebruik je SVG ↔ PNG-converter

  1. 1

    Laad de SVG

    Sleep een of meer .svg-bestanden hierheen, plak SVG-code ergens op de pagina of typ de code in het codevak en kies SVG renderen.

  2. 2

    Kies de uitvoergrootte

    Kies 1×, 2×, 4× of 8× de eigen grootte van de SVG, of typ een exacte breedte tot 16.384 pixels; de hoogte past zich aan.

  3. 3

    Kies formaat en achtergrond

    PNG behoudt een transparante achtergrond; JPG en WebP krijgen een kwaliteitsschuifje en elk formaat kan met een kleur worden gevuld.

  4. 4

    Downloaden

    Sla de PNG op, genoemd naar het bestand en de afmetingen, zoals logo-512x512.png, of alle bestanden tegelijk als svg-to-png.zip.

Limieten en Pro

SVG naar PNG: zoveel SVG-bestanden als je wilt, elk geëxporteerd tot 16.384 px per zijde en 120 megapixels. PNG naar SVG: één afbeelding van maximaal 25 MB per keer.

Met Pro tilt je de invoerlimiet voor PNG naar SVG naar bestanden tot 4 GB. Pro bekijken

Over SVG ↔ PNG-converter

SVG naar PNG zet vectorafbeeldingen om in gewone pixelafbeeldingen. De eigen SVG-engine van je browser tekent het bestand rechtstreeks op de grootte die je opgeeft. Een 8×-export van een icoon van 64 pixels wordt dus een scherpe afbeelding van 512 pixels in plaats van een vergroot, wazig plaatje. De uitvoergrootte komt uit de width- en height-attributen van de SVG, waarbij eenheden zoals mm, pt of in worden omgerekend met 96 pixels per inch, of uit de viewBox als er geen afmetingen zijn opgegeven. PNG-uitvoer behoudt volledige alfatransparantie en wordt verliesvrij geoptimaliseerd met OxiPNG; JPG kent geen transparantie en wordt met wit gevuld, tenzij je een andere kleur kiest. Het voorbeeld wordt bijgewerkt zodra je instellingen wijzigt, zodat je het exacte resultaat ziet voordat je downloadt.

Een PNG heb je nodig overal waar SVG niet wordt geaccepteerd: sociale media en chat-apps, Word en PowerPoint in oudere versies, e-mailhandtekeningen, app-storepagina's en veel websitebouwers. Exporteren op 2× of 4× levert ook scherpe afbeeldingen op voor telefoonschermen met een hoge pixeldichtheid.

Omdat de SVG als losstaande afbeelding wordt gerenderd, kan hij niets van internet ophalen: gekoppelde afbeeldingen en webfonts die via een URL worden aangeroepen, worden niet geladen en tekst valt terug op een lettertype dat op je apparaat is geïnstalleerd. Sluit lettertypen en afbeeldingen daarom in als data-URI's of zet tekst om naar contouren voordat je exporteert. Scripts en animaties worden niet uitgevoerd, dus je krijgt één stilstaand beeld. Het tabblad PNG naar SVG doet het omgekeerde en zet een afbeelding om in vectorpaden.

Privacy

Het renderen gebeurt in de ingebouwde SVG-engine van je browser en de afbeelding wordt gecodeerd door jSquash WebAssembly-codecs in een Web Worker in dit tabblad, die pas worden geladen als je een bestand toevoegt. De SVG-code en de geëxporteerde afbeeldingen blijven op je apparaat; er wordt niets geüpload en de renderer kan zelf geen netwerkverzoeken doen namens de SVG.

Functies

Scherp op elke grootte

Vectoren worden opnieuw getekend op de uitvoerresolutie – exporteer op 1×, 2×, 4×, 8× of een exacte breedte in pixels.

Transparante achtergrond

PNG en WebP behouden transparantie; of vul de achtergrond met elke kleur.

SVG-code plakken

Plak code rechtstreeks uit je editor of ontwerptool – een bestand is niet nodig.

Batch-export

Converteer een hele iconenset met dezelfde instellingen en download een ZIP-bestand.

Ook PNG naar SVG

Wissel van tabblad om een PNG- of JPG-logo om te zetten in nette vectorpaden.

SVG ↔ PNG-converter: veelgestelde vragen

Hoe zet ik een SVG om naar PNG met een transparante achtergrond?
Laat het formaat op PNG staan en de achtergrond op transparant, wat de standaardinstellingen zijn, en download. Elk gebied dat de SVG niet inkleurt, blijft in de PNG volledig transparant, en halfdoorzichtige vullingen en zachte randen behouden hun alfawaarden. JPG kan geen transparantie opslaan, dus bij JPG worden lege gebieden gevuld met wit of de kleur die je kiest bij Achtergrond.
Op welke grootte moet ik mijn SVG exporteren?
Exporteer voor een website op 2× de grootte waarop het wordt weergegeven, bijvoorbeeld 600 pixels breed voor een vak van 300 pixels, zodat het scherp blijft op schermen met hoge pixeldichtheid. App-iconen en store-pagina's vragen meestal om 512 of 1024 pixels vierkant. Vermenigvuldig voor drukwerk de breedte in inches met 300. Omdat de vector bij elke grootte opnieuw wordt getekend, wordt een grotere export nooit wazig, alleen groter.
Waarom zien de lettertypen of afbeeldingen in mijn SVG er niet goed uit?
Een SVG die als afbeelding wordt getekend, kan niets downloaden. Lettertypen die via Google Fonts of een andere server zijn gekoppeld en afbeeldingen die via een URL worden aangeroepen, ontbreken dus; de tekst gebruikt dan een lettertype dat op je apparaat staat. Open het bestand in je ontwerpapp en zet tekst om naar contouren of paden, of sluit lettertypen en afbeeldingen in als base64-gegevens. Exporteer de SVG daarna opnieuw en render hem hier.
Kan ik meerdere SVG-bestanden tegelijk converteren?
Ja. Sleep zoveel SVG-bestanden als je wilt hierheen; ze verschijnen in een lijst en het geselecteerde bestand wordt getoond in het voorbeeld. De instellingen voor afmetingen, formaat en achtergrond gelden voor alle bestanden, dus een complete iconenset kan in één keer op 4× worden geëxporteerd. De downloadknop maakt dan svg-to-png.zip, met elke PNG genoemd naar het bronbestand en de uiteindelijke pixelgrootte.
Waarom heeft de PNG een andere grootte dan ik verwachtte?
De basisgrootte komt uit de width- en height-attributen van de SVG, omgerekend naar pixels met 96 per inch, en de schaal vermenigvuldigt die waarde. Heeft de SVG alleen een viewBox, dan worden die getallen als pixels gebruikt; zonder beide gaan browsers uit van 300 × 150. Kies voor een exact resultaat, ongeacht het bestand, de optie px en typ de gewenste breedte; de hoogte behoudt de verhoudingen.

Andere taken met deze tool

Verwante tools

Alle afbeeldingstools

HEIC-, WebP- en AVIF-converter

HEIC, WebP en AVIF naar JPG of PNG – en terug

Favicon-generator

ICO-, PNG- en manifesticonen van een afbeelding, tekst of emoji

App-icoongenerator

Alle icoonformaten voor iOS, Android en PWA uit één afbeelding

Afbeeldingsformaat wijzigen

Formaat wijzigen in pixels, procenten of presets – in bulk