SVG naar PNG converteren
Sleep SVG-bestanden hierheen of plak SVG-code, kies een formaat en download de PNG. Omdat SVG een vectorformaat is, wordt de PNG scherp in elk formaat – van een favicon van 16 px tot een 4K-afbeelding. Alles gebeurt in je browser.
Zo wordt het berekend
SVG (Scalable Vector Graphics) beschrijft afbeeldingen met lijnen, vormen en tekst in plaats van pixels. Ideaal voor logo’s en iconen, maar niet overal welkom: oudere versies van Word en PowerPoint, veel uploadformulieren, e-mailhandtekeningen, app stores en sociale netwerken willen een rasterafbeelding. Omzetten naar PNG lost dat op – zonder kwaliteitsverlies en met transparantie.
Hoe groot wordt de PNG?
Uitgangspunt is het formaat dat in de SVG zelf staat:
- width en height op het
<svg>-element: die waarden worden gebruikt. Eenheden als mm, cm, in of pt worden net als in CSS naar pixels omgerekend (1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1⅓ px). - alleen een viewBox (typisch voor iconen, bijv.
viewBox="0 0 24 24"): breedte en hoogte van de viewBox gelden als pixels. - één zijde + viewBox: de andere zijde volgt de verhouding van de viewBox.
- niets of percentages: standaard van de browser, 300 × 150 px – geef het formaat dan zelf in pixels op.
De schaalfactor vermenigvuldigt dat formaat (een icoon van 24 px wordt bij 4× 96 × 96 px). Bij breedte/hoogte vul je pixels in; met één waarde volgt de andere de verhouding. Zijn beide ingevuld en staat ‘Verhoudingen behouden’ aan, dan wordt de afbeelding binnen dat kader ingepast; staat het uit, dan wordt hij precies op die maten uitgerekt.
| Gebruik | Gangbaar PNG-formaat |
|---|---|
| Favicon / app-icoon | 32, 180, 192 of 512 px (vierkant) |
| Logo op een website (Retina) | 2× het getoonde formaat |
| Logo in Word/PowerPoint | 1000–2000 px breed |
| Afdrukken op 300 dpi | breedte in inch × 300 (10 cm ≈ 1181 px) |
Transparante of gekleurde achtergrond
PNG ondersteunt transparantie – laat de achtergrond op ‘transparant’ staan en het logo past op elke ondergrond. Voor apps of platforms die transparantie zwart weergeven, kies je een achtergrondkleur (meestal wit). Heb je een JPG nodig? Zet de PNG daarna om met afbeelding converteren; om het bestand kleiner te maken gebruik je afbeelding comprimeren.
Veiligheid: de SVG wordt alleen als afbeelding getekend
SVG-bestanden kunnen scripts en links naar externe servers bevatten. Deze tool laadt de SVG daarom strikt als afbeelding (zoals een <img> op een webpagina). In die modus voert de browser geen scripts uit en haalt hij niets op. De keerzijde: afbeeldingen of lettertypes die vanaf internet gelinkt zijn, verschijnen niet in de PNG. Ingesloten afbeeldingen (data-URL’s) en lettertypes die op je systeem staan werken wel.
Privacy
De omzetting gebeurt volledig op je apparaat, ook geplakte SVG-code. Er wordt niets geüpload en niets opgeslagen.
Veelgestelde vragen
Hoe zet ik SVG om naar PNG?
Sleep het SVG-bestand naar het vak (of plak SVG-code), kies een formaat en download de PNG. Meerdere bestanden kun je ook als ZIP downloaden.
Wordt de PNG wazig?
Nee. De SVG wordt direct op het doelformaat getekend in plaats van klein gerenderd en daarna vergroot. Zelfs 16× blijft scherp.
Blijft de achtergrond transparant?
Ja, standaard wel. Heb je een witte of gekleurde achtergrond nodig, kies dan ‘Kleur’ bij ‘Achtergrond’.
Waarom ontbreekt een lettertype of afbeelding in de PNG?
Om veiligheidsredenen wordt de SVG alleen als afbeelding getekend, en dan laadt de browser geen externe bestanden. Lettertypes die niet op je apparaat staan, worden vervangen door een standaardlettertype. Oplossing: zet tekst om naar contouren in je ontwerpprogramma of sluit de afbeeldingen in.
Hoe groot is de PNG standaard?
De width/height uit de SVG, anders de viewBox – vermenigvuldigd met de gekozen factor (standaard 2×). Het oorspronkelijke formaat staat in de lijst met resultaten.
Worden mijn SVG-bestanden geüpload?
Nee. Alles gebeurt in je browser; je bestanden verlaten je apparaat nooit.
Bronnen en wettelijke basis
- W3C – Scalable Vector Graphics (SVG) 2: Coordinate Systems, viewBox
- W3C – SVG 2: Processing modes (secure animated mode)
- W3C – CSS Values and Units Level 4: Absolute lengths
- W3C – Portable Network Graphics (PNG) Specification
- MDN – SVG as an image
- MDN – HTMLCanvasElement.toBlob()
- Open-source licenses of the libraries used (MIT, LGPL-3.0)
Bijgewerkt op:
Vergelijkbare tools
- Afbeelding converteren: JPG, PNG, WebP, AVIFAfbeelding converteren zonder upload: PNG naar JPG, JPG naar PNG, WebP naar JPG/PNG, HEIC naar JPG, of naar AVIF – tot 20 stuks tegelijk, ZIP-download. Gratis.
- Afbeeldingen van formaat wijzigenWijzig formaat van afbeeldingen in pixels of procent, behoud de verhouding of snijd bij, met sjablonen voor Instagram en YouTube. Geen upload nodig.
- Afbeelding comprimeren: bestandsgrootte verkleinenAfbeelding comprimeren zonder upload: verklein JPG, PNG, WebP en HEIC, tot 20 tegelijk, met optionele doelgrootte in KB en ZIP-download. Gratis.
- Afbeelding online bijsnijdenSnijd een afbeelding online bij zonder upload: vrije selectie, vierkant 1:1, 4:3, 16:9 of 9:16, plus voorinstellingen voor Instagram en YouTube.
- Afbeeldingen naar PDF: zet JPG, PNG en HEIC om naar PDFZet JPG, PNG, WebP of HEIC om naar PDF en voeg meerdere afbeeldingen samen tot één bestand: A4, Letter of afbeeldingsgrootte, met marge. Gratis, zonder upload.
- Favicon maken: van afbeelding, tekst of emojiFavicon maken van een afbeelding, letters of een emoji: favicon.ico (16/32/48), apple-touch-icon, PNG 192/512, site.webmanifest en HTML-code. Zonder upload.