SVG-bestanden zijn de gouden standaard voor logo's, iconen en illustraties op het web. Maar er zijn genoeg situaties waarin je een PNG nodig hebt: uploaden naar een platform dat geen SVG ondersteunt, invoegen in een presentatie, delen op social media, of de afbeelding gebruiken in een tool die alleen rasterformaten accepteert. De uitdaging is converteren zonder een wazig of gepixeld resultaat.
SVG vs PNG: wat is het verschil?
- SVG (Scalable Vector Graphics) is een vectorformaat. Het beschrijft afbeeldingen met wiskundige paden, vormen en coördinaten. Dit betekent dat een SVG naar elke grootte geschaald kan worden, van een klein favicon tot een reclamebord, zonder scherpte te verliezen. SVG-bestanden zijn doorgaans zeer klein in bestandsgrootte voor eenvoudige graphics.
- PNG (Portable Network Graphics) is een rasterformaat. Het slaat afbeeldingen op als een raster van gekleurde pixels. PNG's hebben een vaste resolutie, dus opschalen voorbij hun oorspronkelijke pixelafmetingen maakt ze wazig. PNG's worden echter universeel ondersteund en werken overal.
Waarom SVG naar PNG converteren?
Er zijn verschillende veelvoorkomende redenen om deze conversie uit te voeren:
- Platformcompatibiliteit. Veel platforms (social media, e-mailclients, documenteditors) renderen geen SVG-bestanden. PNG wordt overal geaccepteerd.
- Consistente weergave. SVG's kunnen er anders uitzien in verschillende browsers als ze geavanceerde functies of aangepaste lettertypen gebruiken. Converteren naar PNG legt het exacte uiterlijk vast.
- Presentaties en documenten. PowerPoint, Google Slides en Word verwerken PNG's betrouwbaarder dan SVG's.
- Favicon- en app-icongeneratie. Hoewel SVG-favicons bestaan, vereisen veel situaties nog steeds PNG op specifieke pixelafmetingen.
De juiste schaal kiezen
Aangezien SVG's resolutieonafhankelijk zijn, is de belangrijkste beslissing bij het converteren op welke pixelgrootte je exporteert. Dit is waar schaling van belang is:
- 1x schaal: Exporteert op de standaard viewport-grootte van de SVG. Als de SVG is gedefinieerd als 200x200, krijg je een 200x200 PNG. Prima voor kleine webgraphics.
- 2x schaal: Verdubbelt de afmetingen (400x400 van dezelfde SVG). Ideaal voor retina-displays en hoge-DPI-schermen waar standaardresolutie zacht oogt.
- 4x schaal: Verviervoudigt de afmetingen (800x800). Gebruik dit wanneer je een versie met hoge resolutie nodig hebt voor print, grote weergave, of wanneer je extra detail wilt om mee te werken.
Hogere schalen produceren grotere bestandsgroottes maar behouden elk detail van de originele vector. Aangezien je converteert vanuit een vectorbron, is er nul kwaliteitsverlies bij elke schaal. De PNG wordt perfect gerenderd vanuit de wiskundige beschrijving.
Hoe te converteren met fileGOD
De SVG naar PNG-converter op fileGOD maakt dit eenvoudig:
- Stap 1: Open de SVG naar PNG-tool.
- Stap 2: Sleep je SVG-bestand naar het uploadgebied.
- Stap 3: Selecteer de gewenste schaal (1x, 2x of 4x).
- Stap 4: Download de hoge kwaliteit PNG.
De conversie vindt volledig plaats in je browser met behulp van de Canvas API. Je SVG wordt gerenderd op de doelresolutie en geëxporteerd als een schone PNG met volledige transparantie-ondersteuning. Geen serververwerking, geen kwaliteitscompromissen en geen account vereist.
Moet je het resultaat verder verkleinen? Stuur de PNG door de afbeeldingsverkleiner om aan te passen naar exacte pixelafmetingen voor jouw specifieke toepassing.