Zo gebruik je deze tool
- Kies een .svg-bestand (maximaal 5 MB) of plak SVG-code in het vak.
- Kies een schaalfactor, bijvoorbeeld 2× voor schermen met een hoge pixeldichtheid, of voer een exacte breedte in pixels in.
- Behoud de transparante achtergrond of kies een kleur.
- Controleer het voorbeeld en download de PNG, of WebP als je browser dit ondersteunt.
Hoe het werkt
SVG is een vectorformaat: vormen worden wiskundig beschreven, zodat ze op elk formaat scherp kunnen worden weergegeven. PNG bestaat uit een raster van pixels en is het formaat dat veel apps, documenten, e-mailprogramma's en sociale netwerken vereisen. Deze tool tekent de SVG met de eigen renderer van je browser op het formaat dat je kiest en slaat de pixels op als PNG.
Het oorspronkelijke formaat wordt bepaald door de width- en height-attributen van de SVG. Absolute eenheden worden omgerekend naar pixels (1 in = 96 px, 1 pt = 1,33 px). Als één of beide afmetingen ontbreken, bepalen de verhoudingen en het formaat van de viewBox het resultaat; als die ook ontbreekt, gebruiken browsers 300 × 150. Relatieve waarden zoals 100% kunnen niet worden bepaald voor een los bestand, dus wordt in plaats daarvan de viewBox gebruikt.
De SVG wordt als afbeelding geladen. Dat is een veilige manier om niet-vertrouwde bestanden weer te geven: scripts worden niet uitgevoerd en externe bronnen, zoals gekoppelde afbeeldingen, webfonts en CSS-bestanden, worden niet opgehaald. Tekst waarvoor een lettertype nodig is dat niet op je apparaat is geïnstalleerd, wordt weergegeven met een vervangend lettertype. Eerst wordt de XML gecontroleerd, zodat een typefout een duidelijke foutmelding oplevert in plaats van een lege afbeelding.
Voorbeelden
App-pictogram van een SVG-logo
Een logo met viewBox="0 0 64 64" dat wordt geëxporteerd op een breedte van 1024 levert een PNG van 1024 × 1024 op met scherpe randen, klaar voor een appstore of favicon-generator.
Retina-afbeelding voor een website
Een illustratie van 400 × 300 op 1× die wordt geëxporteerd met schaal 2 levert een PNG van 800 × 600 op die scherp blijft op schermen met een hoge pixeldichtheid.
Dia of document
Als je een grafiek als SVG exporteert met schaal 3 en een witte achtergrond, krijg je een PNG die je kunt invoegen in presentatiesoftware die geen SVG ondersteunt.
Veelgestelde vragen
Waarom wordt mijn tekst in het verkeerde lettertype weergegeven?
Lettertypen die via het web zijn gekoppeld, worden niet geladen wanneer een SVG als afbeelding wordt weergegeven. Geïnstalleerde lettertypen op je apparaat worden gebruikt als ze overeenkomen. Om zeker te zijn, kun je tekst in je ontwerpprogramma omzetten naar contouren of het lettertype als data URL in de SVG insluiten.
Waarom ontbreken gekoppelde afbeeldingen?
Afbeeldingen waarnaar in de SVG wordt verwezen met een URL, worden om veiligheidsredenen geblokkeerd wanneer de SVG als afbeelding wordt weergegeven. Ingesloten afbeeldingen (data:-URL's) werken wel.
Wat is het maximale uitvoerformaat?
Maximaal 16.384 px per zijde en in totaal 50 megapixels. Het exporteren van zeer grote, complexe SVG's kan enkele seconden duren en mislukken op telefoons met weinig geheugen.
Is het veilig om een SVG van een onbekende bron te converteren?
Hier renderen is veilig: een SVG die als afbeelding wordt weergegeven, kan geen scripts uitvoeren of externe bronnen laden. De geconverteerde PNG bevat alleen pixels.
Privacy
Je SVG wordt door je browser verwerkt en weergegeven. Het bestand wordt niet geüpload, opgeslagen of opgenomen in analyses.