Zet vector SVG-bestanden om in pixel-perfecte PNG's. Ideaal voor presentaties en webgebruik.
Niet elke situatie vraagt om conversie. SVG is ideaal voor webicons, logo's en illustraties die op verschillende groottes scherp moeten blijven. Maar er zijn concrete situaties waarin PNG de enige logische keuze is:
Het moment waarop je de conversie doet, bepaalt de kwaliteit. Exporteer je een logo als 200×200 px PNG voor een website-header, maar gebruik je het later op een poster — dan zul je opnieuw moeten converteren op hogere resolutie. Denk daarom altijd vooruit: welke afmeting(en) heb je de komende maanden nodig?
Het grootste probleem bij SVG to raster image-conversie is niet het formaat — het is de resolutiekeuze. Omdat SVG-vectorgrafiek schaalt naar elke grootte, vergeten veel gebruikers dat PNG dat niet doet. Een PNG van 100×100 pixels ziet er op een 4K-scherm korrelig uit, ongeacht hoe goed de bron-SVG was.
Er zijn twee benaderingen:
Vaste pixelafmetingen: Je bepaalt exact hoe breed en hoog het PNG-bestand moet zijn. Dit werkt goed als je de exacte weergavegrootte kent — bijvoorbeeld een favicon van 32×32 px of een profielfoto van 400×400 px.
Schaalfactor: Je vermenigvuldigt de originele SVG-dimensies met een factor. 2x levert een Retina-ready afbeelding op. 3x of 4x geeft je reserve voor toekomstig gebruik, maar produceert grotere bestanden. Voor een SVG van 200×200 viewBox resulteert een 4x-export in een 800×800 px PNG.
Er is geen universeel "beste" resolutie. Een svg to png converter online free die je beide opties biedt — vaste afmetingen én schaalfactor — geeft je de flexibiliteit die je nodig hebt. Op Pixes.app stel je beide in, afhankelijk van je eindgebruik.
Een veelgemaakte fout: converteren op de laagst mogelijke resolutie "om bestandsgrootte te besparen" en later het bestand toch op grotere schaal willen inzetten. Begin altijd met de hoogste resolutie die je redelijkerwijs nodig hebt. Je kunt een PNG altijd kleiner maken, maar nooit groter zonder kwaliteitsverlies.
SVG-bestanden gebruiken RGBA-kleuren, wat betekent dat elk element een alfawaarde (doorzichtigheid) kan hebben. Bij export svg as png moet die transparantie correct worden omgezet — en hier gaat het regelmatig mis met goedkope conversietools.
Alphatransparantie: PNG ondersteunt 256 niveaus van doorzichtigheid per pixel. Een SVG-element met opacity="0.5" wordt correct gereproduceerd. Schaduwen, glow-effecten en vervaagde randen blijven intact — mits de conversietool de SVG-rendering engine correct implementeert.
Achtergrondkleur forceren: Soms wil je géén transparantie. Een logo dat op een specifieke achtergrondkleur moet worden getoond, exporteer je met een gevulde achtergrond. Stel dit expliciet in vóór conversie, niet achteraf in een fotobewerker — dat voorkomt artefacten rond scherpe randen.
Kleurruimte: SVG werkt doorgaans in sRGB. PNG-bestanden dragen dat kleurprofiel mee, maar niet alle viewers lezen het correct. Voor webgebruik is sRGB de standaard en zelden problematisch. Voor drukwerk is het de moeite waard om na conversie het kleurprofiel te controleren.
Een subtiele maar belangrijke kwestie: anti-aliasing. SVG-renderers passen anti-aliasing toe op vectortekeningen. De manier waarop dat gebeurt, verschilt per engine. Het resultaat van Pixes.app is geoptimaliseerd voor scherpe, heldere randen — vergelijkbaar met de weergave in moderne browsers.
Paradoxaal genoeg bevat dit artikel over SVG-naar-PNG-conversie een sterke waarschuwing: converteer niet als het niet nodig is. Er zijn situaties waarin je beter bij SVG blijft:
De vuistregel: als het platform SVG ondersteunt én je hebt geen specifieke reden om te rasteren, werk dan met het bronbestand. Conversie is een hulpmiddel, niet een standaardstap.
Voor ontwerpers en developers die regelmatig svg to raster image-conversies uitvoeren, is het de moeite waard om een gestandaardiseerd proces te hanteren. Dit bespaart tijd en voorkomt inconsistenties.
Versiebeheer: Bewaar altijd het originele SVG-bestand. Gebruik het als de single source of truth. Exporteer PNG-varianten vanuit dat bestand wanneer nodig, met naamgevingsconventies zoals logo-128.png, logo-256.png of logo-email.png.
Exportmaten bijhouden: Maak een lijst met de afmetingen die je daadwerkelijk gebruikt. Veel teams exporteren ad hoc en eindigen met een dozijn bijna identieke bestanden in verschillende mappen. Standaardiseer: misschien heb je maar drie PNG-formaten nodig (klein, medium, groot).
Automatiseringsmogelijkheden: Als je SVG-bestanden optimaliseert voordat je ze converteert, wordt het resultaat beter. Een SVG-optimizer verwijdert onnodige metadata, vereenvoudigt paden en verkleint de bron — wat ook de conversietijd verkort.
Alternatieve uitvoerformaten: Niet elk platform vereist PNG. Voor fotografische content is JPEG vaak kleiner. Als je zowel PNG als JPEG nodig hebt, converteer je SVG naar beide — SVG naar JPG is net zo eenvoudig en volgt hetzelfde proces.
Bestandsformaat na conversie optimaliseren: Zelfs een perfect geconverteerd PNG-bestand kan nog worden geoptimaliseerd. Doorloop na conversie een PNG-compressie om de bestandsgrootte te verkleinen zonder zichtbaar kwaliteitsverlies. Dit is vooral relevant voor webgebruik, waar elke kilobyte telt voor laadsnelheid.