Gratis converter

SVG naar PNG Omvormer

Converteer Vector SVG-bestanden naar hoogwaardige Raster PNG-afbeeldingen. Pas de uitvoerschaal en achtergrondkleur eenvoudig aan in uw browser.

Sleep SVG hier

Ondersteunt tot 50 MB

Of

Over deze tool

SVG (Scalable Vector Graphics) beschrijft afbeeldingen als een reeks geometrische primitieven (paden, vormen, tekst, verlopen) die naar elk formaat kunnen worden geschaald zonder kwaliteitsverlies. PNG slaat een enkel rechthoekig pixelraster op met een vaste resolutie. Het converteren van SVG naar PNG is een rasterisatiestap: de tekeninstructies van de SVG worden geëvalueerd op een gekozen pixelgrootte en de resulterende bitmap wordt gecodeerd als PNG. De uitvoer ziet er helder uit op de grootte die u hebt opgegeven, maar pixeleert als deze wordt opgeschaald.

Deze converter rendert SVG met behulp van de ingebouwde SVG-engine van de browser. De SVG wordt in een Image-element geladen, op een HTML5-canvas getekend met de gekozen uitvoerafmetingen en als PNG geëxporteerd via canvas.toBlob. Omdat de browser de rastering uitvoert, worden complexe SVG-functies (verlopen, filters, maskers, animaties als een statisch frame) op dezelfde manier weergegeven als op een echte webpagina.

De belangrijkste beslissing bij de conversie van SVG naar PNG is de doelgrootte. SVG is resolutie-onafhankelijk, dus als u een PNG-grootte kiest die overeenkomt met het daadwerkelijke gebruik, voorkomt u over-provisioning (enorme bestanden voor pictogrammen in miniatuurformaat) en onder-provisioning (onscherpe uitvoer wanneer u deze later opschaalt). Veelvoorkomende doelen: 32×32 of 64×64 voor iconen, 256×256 of 512×512 voor logo's, 1024×1024 voor hero-graphics, 2048×2048 voor assets van netvlieskwaliteit.

Waarom SVG naar PNG converteren

SVG is geweldig voor het web en moderne ontwerptools, maar verschrikkelijk voor veel andere contexten. E-mailclients geven SVG inconsistent weer; sommigen blokkeren het als een veiligheidsrisico. Oudere kantoorsoftware, bepaalde CMS'en, services van derden en bijna alle pijplijnen voor het afdrukken van foto's accepteren SVG helemaal niet. Converteren naar PNG levert een universeel geaccepteerd raster op dat er bij de gekozen grootte identiek uitziet.

PNG kan ook op betrouwbare wijze worden ingesloten in kantoordocumenten, diapresentaties en PDF's, zonder afhankelijk te zijn van de SVG-renderer van de ontvanger. Voor logo's en afbeeldingen die consistent op veel platforms moeten verschijnen, is PNG de veiligere keuze, ook al verliest het de resolutie-onafhankelijkheid die SVG in de eerste plaats aantrekkelijk maakt.

Hoe te gebruiken

Kies uw doelgrootte, render. De browser voert de rastering uit.

  1. Upload het SVG-bestand: Sleep een SVG naar het uploadgebied of klik om te bladeren. Bestanden tot 50 MB worden ondersteund, hoewel typische SVG's ruim onder de 1 MB zijn. Op zichzelf staande SVG's werken het beste; SVG's die via xlink:href naar externe afbeeldingen verwijzen naar externe URL's, kunnen onvolledig worden weergegeven.
  2. Kies het uitvoerformaat: Standaard zijn de oorspronkelijke viewBox-afmetingen van de SVG, maar u kunt deze overschrijven naar elke pixelgrootte. Kies een formaat dat overeenkomt met uw daadwerkelijke gebruik. Vermijd het maken van 4K PNG's voor pictogrammen die worden weergegeven op 32×32.
  3. Renderen: De browser ontleedt de SVG, tekent deze op een canvas met de gevraagde afmetingen en exporteert het canvas als PNG. Complexe SVG's met filters of een groot aantal paden kunnen even duren; eenvoudige pictogrammen worden onmiddellijk weergegeven.
  4. Download het PNG-bestand: Sla het bestand op. Transparantie in de SVG (alles buiten getekende vormen) blijft behouden als een alfakanaal in de PNG.

Veelvoorkomende gebruiksscenario's

Technische details

SVG (W3C Recommendation) is een op XML gebaseerd vectorformaat met elementen voor paden, basisvormen (rect, cirkel, ellips, lijn, polygoon, polylijn), tekst, verlopen (linearGradient, radialGradient), filters, maskers en clippaden. De browser parseert de XML, bouwt een DOM, past CSS toe en rastert het resultaat tijdens het weergeven van de pagina.

Deze converter laadt de SVG in een HTMLImageElement (dat het normale weergavepad voor SVG-als-afbeelding van de browser activeert) en tekent deze vervolgens via drawImage naar een canvas. Het canvas wordt geëxporteerd als PNG met behulp van canvas.toBlob('image/png'). De exacte pixels in de uitvoer komen overeen met wat de SVG op hetzelfde formaat zou weergeven op een browsertabblad.

Randgevallen: SVG met behulp van ForeignObject wordt niet altijd ondersteund bij gebruik via het Image-element. SVG die verwijst naar externe bronnen (xlink:href naar een ander domein) kan mogelijk niet worden geladen vanwege CORS. SMIL-animaties en JavaScript-gestuurde animaties worden alleen weergegeven als het initiële frame.

Beste praktijken

Veelgestelde vragen

Zal mijn SVG kwaliteit verliezen wanneer deze wordt geconverteerd naar PNG?
Vector-naar-raster-conversie betekent dat de afbeelding pixelgebaseerd wordt en niet langer oneindig kan worden geschaald. Kies een hoge resolutie om ervoor te zorgen dat de PNG er scherp uitziet op de door u beoogde weergavegrootte.
Waar wordt het PNG-formaat voor gebruikt?
PNG (Portable Network Graphics) wordt voornamelijk gebruikt voor afbeeldingen met transparantie, schermafbeeldingen, logo's en pictogrammen.
Zijn er beperkingen waar u rekening mee moet houden?
Bestanden tot 50 MB worden ondersteund. Het verwerken van zeer grote of complexe bestanden kan langer duren. Alle conversies vinden plaats in uw browser, dus de verwerkingssnelheid is afhankelijk van uw apparaat.
Worden mijn afbeeldingen privé gehouden tijdens de conversie?
Ja. Je SVG-bestanden worden volledig in je browser verwerkt met behulp van de Canvas API en JavaScript. Er wordt niets naar een server geüpload; het bestand gaat rechtstreeks van uw apparaat naar de converter en terug naar uw apparaat.
Wordt tekst weergegeven als tekst of als paden?
Tekst wordt gerasterd als pixels in het uitvoer-PNG. De uitvoer is niet langer doorzoekbaar of selecteerbaar. Als uw SVG lettertypen gebruikt die niet beschikbaar zijn in de browser, wordt de tekst mogelijk weergegeven in een reservelettertype; converteer tekst naar paden in de SVG voordat deze wordt weergegeven voor een gegarandeerde weergave.
Wordt mijn SVG geüpload naar een server?
Nee. Het parseren en renderen van SVG gebeurt in uw browser; PNG-codering gebeurt in uw browser. Het bestand verlaat uw apparaat niet.
Waarom is mijn geconverteerde PNG leeg?
Veelvoorkomende oorzaken: de SVG verwijst naar externe afbeeldingen die vanwege CORS niet konden worden geladen; de SVG gebruikt functies die niet worden ondersteund door het weergavepad van afbeeldingselementen (foreignObject, bepaalde filters); de SVG heeft een nuldimensionale viewBox. Open de SVG rechtstreeks in een browser om te bevestigen dat deze wordt weergegeven voordat u deze converteert.
Kan ik SVG in een script naar PNG converteren?
Ja: voor batchtaken rendert een Node.js-installatie met behulp van Sharp of Puppeteer SVG naar PNG met een vergelijkbare betrouwbaarheid als de browser. Deze tool is bedoeld voor eenmalige conversies in de browser zonder iets te installeren.