SVGtoPNG
Live

Professionele SVG naar PNG-converter

Converteer SVG direct en gratis naar PNG. Geniet van 100% privacy: uw bestanden worden lokaal verwerkt en verlaten uw apparaat nooit. Breng uw ontwerpen naar een hoger niveau met onze vijf aangepaste conversievermenigvuldigers (1x, 2x, 3x, 4x en 8x), ontworpen om de scherpte van elke afbeelding uit te breiden, te optimaliseren en te verbeteren volgens uw exacte vereisten.

Drag & drop uw SVG-bestand hier of bladeren

Ondersteunt pure vector SVG-code (schaalbare vectorafbeeldingen)

Praktische gids voor het converteren van SVG naar PNG

Een goede export begint bij de locatie waar de afbeelding gebruikt zal worden. Deze gids legt uit hoe u een schaal kiest, uw SVG-bestand voorbereidt en het PNG-bestand controleert voor gebruik.

1. Begin bij de bestemming

Controleer voor het converteren de pixelafmetingen die vereist zijn door de website, het document, het e-mailsysteem of de ontwerpapplicatie die de afbeelding zal ontvangen. Deze tool schaalt de gerenderde afmetingen van de SVG met een geselecteerde vermenigvuldigingsfactor; er zijn geen aangepaste velden voor breedte en hoogte. Als een platform een breedte van 1200 pixels vereist, vergelijk dat doel dan met de weergegeven breedte van de SVG en kies een vermenigvuldiger die dichtbij komt zonder een onnodig groot bestand te maken.

2. Begrijp de schaalfactoren

De keuzes zijn 1x, 2x, 3x, 4x en 8x. Een vermenigvuldiger beïnvloedt zowel de breedte als de hoogte: een bron van 200 × 100 gerenderd op 2x wordt 400 × 200 pixels. Het aantal pixels groeit met het kwadraat van de vermenigvuldiger, dus 8x levert 64 keer zoveel pixels op als 1x. Een grotere uitvoer kan aanzienlijk meer geheugen gebruiken en ziet er mogelijk niet beter uit als de originele afbeelding of het doelscherm dit niet vereist.

3. Kies een factor voor schermen

Voor standaard interface-afbeeldingen is 1x of 2x vaak een praktisch uitgangspunt; 2x kan helpen op schermen met een hoge dichtheid wanneer de doellay-out de afbeelding verkleint. Kies alleen 3x of 4x wanneer het ontwerp extra pixelafmetingen nodig heeft. Gebruik 8x selectief, omdat zeer grote canvasoppervlakken langer kunnen duren om te renderen of de browserlimieten kunnen overschrijden.

4. Bepaal of de achtergrond transparant moet zijn

Kies Transparant wanneer de PNG over een gekleurde pagina, presentatie of andere afbeelding moet worden geplaatst. Kies Wit wanneer de bestemming een wit rechthoek verwacht of wanneer een effen achtergrond de afbeelding gemakkelijker controleerbaar maakt. PNG ondersteunt transparantie, maar een doelapplicatie kan transparante pixels weergeven over een schaakbordpatroon of ze afvlakken wanneer u de afbeelding invoegt.

5. Bereid het SVG-bestand voor vóór de export

Open de bron in een vector-editor en controleer of deze een logische viewBox heeft en zichtbare afbeeldingen binnen die viewBox. Converteer of sluit lettertypen in als het ontwerp er op apparaten zonder die lettertypen identiek uit moet zien. Houd gekoppelde afbeeldingen en externe bronnen beschikbaar; deze browserconverter geeft mogelijk geen externe lettertypen, gekoppelde afbeeldingen, scripts of andere externe afhankelijkheden van een SVG-bestand weer.

6. Converteer en controleer de voorbeeldweergave

Selecteer één SVG-bestand, kies een schaal en achtergrond en converteer het vervolgens. Controleer of de gehele tekening zichtbaar is, of tekst en fijne lijnen leesbaar blijven en of de voorbeeldweergave de verwachte achtergrond heeft. Als het resultaat is afgesneden, controleer dan de SVG viewBox en afmetingen in het originele bestand. De converter verwerkt één bestand per keer en biedt een PNG-download voor dat bestand.

7. Controleer de pixels en bestandsgrootte

Gebruik het PNG-bestand in de beoogde context en inspecteer het op de grootte waarop het daadwerkelijk zal verschijnen. Een grote pixelafmeting verbetert een klein pictogram op het scherm niet automatisch. Als het PNG-bestand te groot is, keer dan terug naar de SVG en exporteer met een lagere factor. Als het er onscherp uitziet, controleer dan of de bestemming een kleine rasterafbeelding niet vergroot na conversie.

8. Bewaar de bewerkbare bron

Sla het originele SVG-bestand op naast het PNG-bestand. Het SVG-bestand behoudt vectorpaden en is meestal beter voor latere bewerkingen, herkleuringen en maataanpassingen. Het PNG-bestand is een handige kopie met een vaste grootte voor bestemmingen die rasterafbeeldingen vereisen. Door beide te bewaren kunt u een ander PNG-bestand maken met een andere grootte zonder herhaaldelijk een reeds gerasterde afbeelding te schalen.

Wanneer moet u SVG naar PNG converteren?

Conversie is nuttig wanneer een bestemming pixels vereist in plaats van vectoren. Bewaar het SVG-formaat wanneer de bestemming dit ondersteunt en u schaalbare, bewerkbare afbeeldingen nodig heeft.

Een dienst accepteert PNG maar weigert SVG

Sommige uploadformulieren, inhoudssystemen en profielafbeeldingstools accepteren alleen veelvoorkomende rasterformaten. Een PNG-bestand biedt deze diensten een afbeelding met een vaste grootte en behoudt strakke randen wanneer het geëxporteerd wordt in geschikte afmetingen.

Een e-mail of kantoordocument geeft SVG inconsistent weer

E-mailclients en kantoortoepassingen verwerken ingesloten SVG-bestanden niet allemaal op dezelfde manier. Een PNG kan een logo of diagram in zulke contexten voorspelbaarder maken. Bewaar het originele SVG-bestand zodat u de afbeelding later kunt bijwerken.

U heeft een momentopname nodig op een specifieke pixelschaal

Een PNG is nuttig wanneer een oplevering een bekende rasterbron vereist. Kies een schaal op basis van de gerenderde grootte van de SVG en de ontvangstspecificatie, en controleer vervolgens de resulterende afmetingen in een fotoweergaveprogramma.

Een werkstroom vereist een rasterupload

Sommige formulieren, oudere bewerkingsprogramma's en beeldverwerkingssystemen accepteren PNG maar geen vectorbestanden. Converteer een kopie voor die werkstroom; vervang de bronvector niet als toekomstige bewerkingen waarschijnlijk zijn.

U heeft transparantie nodig in een rasterafbeelding

PNG kan transparante pixels behouden, wat helpt bij het plaatsen van een logo of pictogram op verschillende achtergronden. Selecteer de optie transparant en controleer of de bestemming alfatransparantie behoudt.

U bereidt een bron voor afdrukken voor

Converteer pas nadat u de vereiste pixelafmetingen of resolutie van de printer heeft gecontroleerd. Deze tool biedt schaalvermenigvuldigers in plaats van DPI-instellingen, en een grotere PNG kan ontbrekende details in de SVG niet herstellen of een lage-resolutiebron nauwkeuriger maken.

Technische grondbeginselen: Wat er gebeurt tijdens de conversie

Inzicht in hoe vectorgeometrie omgezet wordt in een pixelafbeelding helpt bij het verklaren van de uitvoergrootte, transparantie, compatibiliteit en veelvoorkomende weergaveverschillen.

SVG beschrijft vormen; PNG slaat pixels op

SVG is een op XML gebaseerd vectorformaat dat paden, vormen, tekst en andere tekeninstructies beschrijft. PNG slaat een rechthoekig raster van pixels op. Het rasteren van een SVG betekent het tekenen van die vectorinstructies op een pixelraster met een gekozen grootte; na export kan het vergroten van de PNG pixels onthullen die niet zichtbaar waren in de vectorbron.

ViewBox en viewport definiëren het tekengebied

Een SVG viewBox koppelt een coördinatensysteem aan een weergegeven viewport. Als de viewBox ontbreekt, onjuist is of groter is dan de afbeelding, kan de afbeelding onverwachte witruimte of afsnijdingen vertonen. Controleer de SVG-afmetingen en viewBox in de bron-editor wanneer het voorbeeldkader onjuist is.

Schaal vermenigvuldigt elke afmeting

Als de browser een bron rendert op B bij H pixels en de geselecteerde factor S is, wordt het canvasdoel B × S bij H × S. Het resulterende aantal pixels is B × H × S². Dit is de reden waarom hoge vermenigvuldigers aanzienlijk meer geheugen kunnen gebruiken en waarom 8x alleen gekozen moet worden als de bestemming die extra pixels echt nodig heeft.

Canvasweergave wordt uitgevoerd door de browser

De pagina leest het geselecteerde SVG-bestand in de browser, maakt een afbeelding van de inhoud, tekent die afbeelding op een HTML-canvas en exporteert het canvas als PNG. Het weergavegedrag en de maximale canvasafmetingen variëren per browser en apparaat. Zeer grote of complexe SVG-bestanden kunnen langer duren om te verwerken of kunnen niet gerenderd worden.

Transparantie wordt opgeslagen in het PNG-alfakanaal

Wanneer Transparant geselecteerd is, wordt het canvas gewist vóór het tekenen. De gegenereerde PNG kan per pixel transparantie behouden via het alfakanaal. Wanneer Wit geselecteerd is, schildert de converter eerst een wit rechthoek, waardoor transparante gebieden in de bron wit worden in de geëxporteerde afbeelding.

PNG-compressie is verliesvrij, maar de uitvoer kan toch verschillen

PNG gebruikt verliesvrije compressie voor de pixels die het ontvangt; dit betekent niet dat de weergave van vector naar pixel in elke omgeving identiek is. Randverachting (antialiasing), kleurbeheer, lettertypen, filters en browserweergave kunnen de pixels beïnvloeden die tijdens het rasteren gegenereerd worden.

Lettertypen, filters en gekoppelde bronnen beïnvloeden de weergave

Een SVG kan verwijzen naar lettertypen of afbeeldingen die niet in het bestand zijn ingesloten. Het kan ook gebruikmaken van filters of functies die browsers anders implementeren. Voor een betrouwbare export sluit u belangrijke lettertypen in of zet u ze om naar paden, voegt u vereiste afbeeldingen toe en vergelijkt u het browservoorbeeld met de bron in een vector-editor.

Browserlimieten en SVG-beveiliging zijn van belang

Het canvasgeheugen groeit met het aantal uitvoerpixels, dus grote vermenigvuldigers kunnen het beschikbare geheugen uitputten. Converteer alleen SVG-bestanden die u vertrouwt. Deze tool uploadt de gekozen bron niet naar een conversieserver, maar die verklaring controleert de SVG zelf niet en garandeert niet dat elke ingesloten externe referentie schadeloos is. Vermijd onbetrouwbare bestanden en verwijder onnodige scripts of externe referenties in een vector-editor vóór de conversie.

Veelgestelde technische vragen · 1–5

Wijzigt deze converter het SVG-bestand?

Nee. Het leest de geselecteerde SVG in de browser en maakt een afzonderlijke PNG-download. Uw originele bestand blijft op uw apparaat staan; bewaar het als het bewerkbare hoofdbestand.

Hoe bereken ik de uitvoerafmetingen?

Vermenigvuldig de door de browser gerenderde breedte en hoogte met de geselecteerde factor. Bijvoorbeeld: 240 × 120 op 2x wordt 480 × 240 pixels. Als de SVG een ongebruikelijke grootte of viewBox heeft, controleer dan het voorbeeld en inspecteer de afmetingen van de gedownloade PNG.

Levert 8x altijd een betere kwaliteit op?

Nee. Het maakt meer pixels, niet meer vectordetails. Het kan helpen wanneer een groter rasterformaat vereist is, maar het verhoogt het aantal pixels ook naar 64 keer 1x en kan veel meer geheugen verbruiken. Kies de kleinste factor die voldoet aan de daadwerkelijke doelgrootte.

Waarom heeft de PNG lege marges of afgesneden afbeeldingen?

De SVG viewBox of viewport bevat mogelijk overtollige ruimte of snijdt delen van de tekening af. Open de bron in een vector-editor, pas de pagina of viewBox aan om de afbeelding te laten passen, sla een kopie op en converteer die kopie opnieuw.

Waarom ziet mijn tekst er anders uit na de conversie?

De browser beschikt mogelijk niet over het lettertype dat door de SVG wordt gebruikt, of het bestand verwijst naar een lettertype dat niet is ingesloten. Sluit het lettertype in of zet tekst om naar paden in een vector-editor wanneer u het bronbestand mag aanpassen, en vergelijk vervolgens het resultaat.

Veelgestelde technische vragen · 6–10

Waarom ontbreekt een gekoppelde afbeelding of filter?

De SVG is mogelijk afhankelijk van een externe afbeelding, lettertype, filter of functie die niet beschikbaar is of anders wordt verwerkt door de browser. Sluit vereiste afbeeldingen en lettertypen waar mogelijk in, vereenvoudig niet-ondersteunde effecten en test de SVG in een browser vóór de conversie.

Kan ik de achtergrond transparant maken?

Ja. Selecteer Transparant vóór het converteren. De tool wist het canvas vóór het tekenen. Controleer de gedownloade PNG in een bewerkingsprogramma dat transparantie toont; sommige fotoweergaveprogramma's tonen transparante pixels op wit, waardoor ze dekkend kunnen lijken.

Kan ik een exacte breedte, hoogte of DPI invoeren?

Deze versie biedt vermenigvuldigers van 1x, 2x, 3x, 4x en 8x. Het biedt geen onafhankelijke breedte- en hoogtevelden of een DPI-instelling. Als u exacte afmetingen nodig heeft, gebruik dan de dichtstbijzijnde vermenigvuldiger en pas de grootte van een kopie aan in een grafisch bewerkingsprogramma.

Kan ik meerdere SVG-bestanden tegelijk converteren?

De huidige interface selecteert en converteert één SVG-bestand per handeling. Converteer elk bestand afzonderlijk en controleer de uitvoer voordat u doorgaat naar de volgende; batchverwerking en ZIP-downloads worden hier niet aangeboden.

Welke bestanden worden geaccepteerd?

De uploadbesturing is bedoeld voor SVG-bestanden. Als een bestand wordt geweigerd of niet gerenderd kan worden, controleer dan of het een geldig SVG-bestand is en opent in een actuele browser of vector-editor. Deze tool is geen algemene converter voor afbeeldingsformaten.

Veelgestelde technische vragen · 11–15

Worden mijn SVG-bestanden geüpload naar uw server?

De conversiecode leest het geselecteerde bestand in de browser en stuurt het bronbestand niet naar een conversie-API. Dit garandeert niet dat de SVG geen externe links bevat; vermijd onbetrouwbare bestanden en controleer hun referenties voordat u ze opent.

Waarom mislukt de conversie bij een zeer groot bestand?

De browser moet een canvas toewijzen voor elke uitvoerpixel. Een grote bron gecombineerd met een hoge vermenigvuldiger kan het geheugen van het apparaat of de canvaslimieten van de browser overschrijden. Probeer een lagere factor, vereenvoudig de SVG of exporteer het met een grafische applicatie die grotere canvasoppervlakken ondersteunt.

Zal de PNG er scherp uitzien bij het afdrukken?

Dit hangt af van de fysieke afdrukmap en de vereiste resolutie. Deze tool schaalt pixelafmetingen, maar stelt geen afdruk-DPI in. Vraag de drukkerij om de vereiste pixelafmetingen of resolutie en controleer vervolgens of de gegenereerde PNG aan die eisen voldoet.

Waarom variëren kleuren of randen tussen browsers?

Browsers kunnen verschillen in de beschikbaarheid van lettertypen, randverachting (antialiasing), kleurbeheer en ondersteuning voor SVG-functies. Gebruik ingesloten of omgezette tekst, standaard SVG-functies en dezelfde browser voor herhaalde exports wanneer consistentie belangrijk is.

Wat moet ik doen als de voorbeeldweergave leeg is?

Controleer of het bestand zichtbare afbeeldingen bevat, een geldige SVG-opmaak heeft en een viewBox en afmetingen gebruikt die de tekening omvatten. Verwijder niet-ondersteunde externe afhankelijkheden, test het bestand in een browser en probeer het opnieuw op 1x voordat u de schaal verhoogt.