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
Converteer Vector SVG-bestanden naar hoogwaardige Raster PNG-afbeeldingen. Pas de uitvoerschaal en achtergrondkleur eenvoudig aan in uw browser.
Ondersteunt tot 50 MB
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.
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.
Kies uw doelgrootte, render. De browser voert de rastering uit.
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.