CodeKitHub
Afbeeldingstools

Converteer SVG naar PNG of JPG Online

Laatst bijgewerkt:

Zet SVG-vectorbestanden om naar PNG- of JPG-afbeeldingen in de resolutie die je nodig hebt. Perfect voor platformen die geen SVG-uploads accepteren — officedocumenten, sociale media, e-mailhandtekeningen, drukwerkflows. Het renderen gebeurt lokaal in je browser; je bestanden blijven op je apparaat.

PNG keeps transparency; JPG fills it with white

    Wat is deze tool?

    SVG is een vectorformaat — vormen beschreven met wiskunde, oneindig schaalbaar, ideaal voor logo's en iconen. Maar veel plekken accepteren het niet: Word-documenten, de meeste sociale platformen, e-mailclients en talloze uploadformulieren willen pixelafbeeldingen. Converteren (rasteriseren) rendert de vector naar een PNG of JPG op een specifieke grootte.

    Omdat vectoren geen vaste resolutie hebben, kies je zelf de uitvoerbreedte — en omdat de bron wiskunde is, is een export van 2048px precies zo scherp als eentje van 256px. PNG-uitvoer behoudt de transparante achtergrond van de SVG; JPG vult deze met wit.

    Waarom gebruiken?

    • Elke resolutie vanuit één bron: van 256px favicon tot 2048px drukwerk, allemaal pixel-perfect.
    • PNG-uitvoer behoudt transparantie — logo's passen op elke achtergrond.
    • Verhelpt "SVG niet ondersteund"-uploadfouten in seconden.
    • Batchconversie, lokale verwerking, geen upload.
    • Verwerkt SVG's zonder expliciete breedte/hoogte door hun viewBox te lezen.

    Hoe te gebruiken

    1. Sleep .svg-bestanden naar het vak of klik om te kiezen.
    2. Kies een uitvoerbreedte — Automatisch gebruikt de eigen opgegeven grootte van de SVG.
    3. Kies PNG (behoudt transparantie) of JPG (witte achtergrond).
    4. Download elke gerenderde afbeelding; afmetingen worden per bestand getoond.

    Voorbeeld

    Invoer

    logo.svg — 4 KB vector

    Uitvoer

    logo.png — 1024×1024, transparante achtergrond, scherp op elke pixel

    Eén kleine vectorbron levert pixel-perfecte rasterbeelden op in elke gewenste grootte.

    Veelvoorkomende toepassingen

    • Een bedrijfslogo (meestal door een ontwerper als SVG aangeleverd) toevoegen aan een Word- of PowerPoint-document dat geen SVG-insluiting ondersteunt.
    • App-iconen of favicons genereren in elke vereiste pixelgrootte (16, 32, 180, 512px) vanuit één hoofd-SVG.
    • Een icoon toevoegen aan een e-mailhandtekening, aangezien de meeste e-mailclients alleen rasterafbeeldingen renderen.
    • Artwork uploaden naar een sociaal medium of CMS dat SVG-bestanden weigert als beveiligingsmaatregel bij uploads.

    Waarom SVG-uploadbeperkingen überhaupt bestaan

    Veel platformen blokkeren SVG-uploads specifiek om een beveiligingsreden, niet uit onoplettendheid: omdat SVG XML-gebaseerd is en technisch JavaScript kan bevatten, kan een kwaadaardige SVG een vector zijn voor scriptinjectie als een platform deze ongesaneerd rendert. Het rasteriseren van een SVG naar PNG of JPG strip alles behalve pixeldata, wat een van de redenen is waarom deze conversie vaak vereist is in plaats van slechts handig — het doelplatform kan het vectorformaat oprecht niet veilig accepteren, ongeacht of jouw specifieke SVG onschadelijk is.

    Hoe de resolutieonafhankelijkheid daadwerkelijk werkt

    Een SVG-bestand slaat helemaal geen pixels op — het slaat wiskundige padedefinities op ("trek een lijn van dit punt naar dat punt", "vul deze kromme met deze kleur") en een viewBox die de coördinatenruimte definieert waarin die paden bestaan. Wanneer je het rasteriseert, herberekent de rendering-engine van de browser elke kromme en vulling op de gewenste pixelafmetingen, helemaal opnieuw, elke keer. Dat is fundamenteel anders dan het vergroten van een bestaande rasterafbeelding (een JPG of PNG), waarbij vergroten betekent dat er pixels worden verzonnen die er nooit waren en het resultaat onvermijdelijk zacht oogt — een SVG die op 4000px wordt gerenderd is precies zo scherp als eentje op 100px, omdat beide vers berekend worden uit exact dezelfde wiskunde, niet opgerekt vanuit een kleinere bron.

    Veelgestelde vragen

    Welke resolutie moet ik exporteren?

    Match de grootste weergavegrootte, en neem dan wat marge: 512px dekt de meeste webgebruiksscenario's voor logo's, 1024px+ voor retina-schermen en presentaties, 2048px voor drukwerk. In tegenstelling tot het opschalen van foto's kost groot exporteren vanuit SVG niets aan scherpte.

    Waarom wordt mijn SVG leeg of kapot gerenderd?

    Meestal externe verwijzingen: SVG's die linken naar externe afbeeldingen, lettertypen of CSS kunnen die niet laden binnen de beveiligingssandbox van de browser. SVG's met ingesloten (inline) inhoud converteren goed. Tekst kan ook verschuiven als er een lettertype wordt gebruikt dat op je systeem ontbreekt.

    PNG- of JPG-uitvoer — welke moet ik kiezen?

    Vrijwel altijd PNG: logo's en iconen hebben transparantie en scherpe randen nodig, die PNG behoudt en JPG verpest. Kies alleen JPG als het doel dit strikt vereist of de SVG een foto-achtige illustratie is.

    Kan ik hier PNG terugconverteren naar SVG?

    Nee — dat is een fundamenteel andere taak (pixels natrekken tot vormen) die hooguit benaderingen oplevert. Deze tool gaat van vector naar raster, wat exact is.

    Wordt mijn SVG geüpload voor conversie?

    Nee. De browser rendert de SVG op een lokaal canvas en codeert de PNG/JPG op je apparaat. Er wordt niets verzonden.

    Moet ik mijn SVG exporteren als PNG of JPG?

    Als de afbeelding transparantie heeft — een logo dat op elke achtergrond moet passen — kies dan PNG: JPG heeft geen alfakanaal en vult transparante gebieden met een effen kleur. PNG is ook beter voor scherprandige illustraties zoals iconen en diagrammen. Kies alleen JPG als de SVG fotografische of sterk verlopende inhoud bevat en bestandsgrootte belangrijker is dan randen.

    Gerelateerde tools