SVG naar PNG converteren
Deze gratis converter zet SVG-logo's, -pictogrammen en -grafieken om naar PNG-afbeeldingen op het eigen formaat van de SVG, twee of vier keer zo groot, of op een exacte breedte, met behoud van de transparante achtergrond. Uw browser tekent de SVG en maakt de PNG, dus er wordt geen bestand geüpload. Lettertypen en afbeeldingen die vanuit andere bestanden zijn gekoppeld laden niet, en er wordt geen witte achtergrond toegevoegd.
Is een bestand niet goed omgezet? Mail naar [email protected], liefst met een klein voorbeeldbestand, dan wordt het opgelost.
In het kort
- Invoer: SVG (.svg). Uitvoer: PNG (.png).
- Je bestanden worden niet geüpload: het werk gebeurt in je browser, op je eigen apparaat.
- Afbeeldingsgrootte: tot 16.384 pixels per zijde (op iPhone en iPad ongeveer 16 megapixel).
- Vereist een recente browser (Chrome, Edge, Firefox of Safari) op computer, tablet of telefoon; niets te installeren.
- Gratis en zonder account.
Waarom SVG naar PNG converteren
Een SVG is een verzameling tekeninstructies en kan dus op elk formaat scherp worden weergegeven, maar veel plekken accepteren alleen pixels: presentaties, tekstverwerkers, sociale netwerken, app stores, e-mailhandtekeningen en de meeste uploadformulieren. Converteren naar PNG betekent bepalen hoeveel pixels u nodig hebt, en dat is hier de enige instelling: het formaat uit de SVG zelf, twee of vier keer zo groot, of een exacte breedte. De tekening wordt op dat formaat opnieuw opgebouwd, niet opgeschaald vanuit een kleine afbeelding, dus randen blijven scherp en de transparante achtergrond blijft transparant. Ook SVG's met alleen een viewBox en zonder breedte of hoogte worden goed verwerkt. Uw browser tekent de SVG en schrijft de PNG, dus bestanden verlaten uw apparaat nooit. Lettertypen en afbeeldingen die vanuit andere bestanden zijn gekoppeld, kunnen op deze manier niet laden, en de lijst waarschuwt u als een SVG ze gebruikt.
Zo zet u SVG om naar PNG
- Sleep uw .svg-bestanden in het vak, of klik om ze te kiezen.
- Kies het PNG-formaat, standaard 2×, of voer een breedte in pixels in. De lijst toont het uiteindelijke formaat van elke PNG.
- Klik op “Converteren naar PNG” en download de PNG, of een zip met alle bestanden.
Goed om te weten
Pixels tellen, DPI niet
Een PNG heeft een breedte en een hoogte in pixels; een DPI-waarde is alleen een hint in het bestand over hoe groot het moet worden afgedrukt. Wat de scherpte bepaalt, is het aantal pixels. Voor een logo dat 5 cm breed wordt afgedrukt met 300 pixels per inch hebt u ongeveer 590 pixels in de breedte nodig, kies dus die breedte in plaats van een DPI-instelling te zoeken. Voor schermen ziet 2× het eigen formaat van de SVG er scherp uit op schermen met hoge resolutie.
SVG's zonder breedte en hoogte
Veel pictogrammen en geëxporteerde graphics hebben alleen een viewBox, bijvoorbeeld viewBox="0 0 24 24". Browsers zouden dan zelf 300 × 150 pixels kiezen; de converter gebruikt in plaats daarvan de viewBox als basisformaat, dus 24 × 24 bij 1× en 48 × 48 bij 2×. Formaten in inches, millimeters of punten worden omgerekend met 96 pixels per inch, de CSS-standaard.
Gekoppelde lettertypen en afbeeldingen laden niet
Als een browser een SVG als afbeelding tekent, haalt hij om veiligheidsredenen niets op buiten het bestand. Tekst in een webfont valt terug op een lettertype dat op uw apparaat is geïnstalleerd, en afbeeldingen die via een adres zijn gekoppeld, worden weggelaten. Lettertypen en afbeeldingen die als data in de SVG zijn ingesloten, werken wel. Moet tekst er exact uitzien, zet die dan in uw ontwerpprogramma om naar contouren voordat u exporteert.
De achtergrond blijft transparant
Delen die de SVG niet beschildert, zijn transparant in de PNG. Dat wilt u voor logo's op gekleurde dia's, maar er wordt geen witte achtergrond toegevoegd; sommige viewers tonen transparantie als zwart of als een dambordpatroon.
Zeer grote formaten
Een canvas in de browser is beperkt in grootte; deze pagina staat tot 16.384 pixels per zijde toe. Telefoons en tablets kunnen eerder vastlopen, dus maak PNG's op posterformaat op een computer.
Over de bestandsformaten
SVG
SVG (Scalable Vector Graphics) is het XML-formaat van het W3C voor vectortekeningen, een aanbeveling sinds 2001. In plaats van pixels slaat het vormen, paden, tekst en kleurverlopen op als instructies, dus een SVG blijft op elk formaat scherp. Logo's, pictogrammen, grafieken en illustraties die uit Figma, Illustrator of Inkscape worden geëxporteerd, zijn vaak SVG.
- Een gewoon tekstbestand dat u in elke teksteditor kunt openen en bewerken.
- Heeft geen vaste grootte in pixels: breedte, hoogte en viewBox geven alleen aan hoe groot het standaard wordt getekend.
- Kan lettertypen en afbeeldingen uit andere bestanden of websites koppelen, die dan ook beschikbaar moeten zijn.
- Opent in elke browser, maar veel kantoorprogramma's, sociale netwerken en uploadformulieren accepteren alleen PNG of JPG.
PNG
PNG (Portable Network Graphics) is een verliesvrij afbeeldingsformaat uit 1996 en het gebruikelijke formaat voor schermafbeeldingen, logo's, diagrammen en afbeeldingen met transparantie. Elke pixel wordt exact opgeslagen, dus tekst en scherpe randen blijven haarscherp.
- Verliesvrij: opnieuw opslaan gaat nooit ten koste van de kwaliteit.
- Ondersteunt volledige transparantie (een alfakanaal).
- Een foto als PNG is meestal meerdere keren groter dan als JPG.
Veelgestelde vragen
Worden mijn SVG-bestanden geüpload?
Nee. Uw browser tekent de SVG en maakt de PNG op uw apparaat.
Hoe groot moet mijn PNG zijn?
Voor een webpagina of dia 2× het formaat waarop hij wordt getoond. Voor print vermenigvuldigt u de afgedrukte breedte in inches met 300. Pictogrammen voor apps en favicons hebben meestal vaste formaten die het platform opgeeft.
Waarom ziet de tekst in mijn PNG er anders uit?
De SVG gebruikt waarschijnlijk een webfont dat gekoppeld is in plaats van ingesloten, en de browser valt terug op een ander lettertype. Zet de tekst om naar paden in Illustrator, Inkscape of Figma, of sluit het lettertype in, en converteer opnieuw.
Kan ik een witte achtergrond krijgen in plaats van transparant?
Niet met een instelling hier. Voeg een witte rechthoek toe als eerste element van de SVG, of plaats de PNG op wit in een fotobewerker.
Is de PNG nog een vectorafbeelding?
Nee. De PNG bestaat uit pixels op het formaat dat u hebt gekozen. Bewaar de SVG als origineel en maak een nieuwe PNG wanneer u een ander formaat nodig hebt.