Wat is SVG? Een heldere gids over het vectorformaat
Wat is SVG? Hoe SVG-vectorgrafiek werkt, hoe die verschilt van PNG en JPG, de voor- en nadelen, veelgebruikte toepassingen en hoe je SVG-bestanden opent en bewerkt.
1. Wat is SVG?
SVG staat voor Scalable Vector Graphics, een open vectorgrafiekformaat op basis van XML, gestandaardiseerd door het W3C. Waar PNG en JPG een beeld vastleggen als een raster van pixels, gebruikt SVG wiskundige formules om vormen te beschrijven: een rechte lijn, een cirkel, een Bézier-curve, elk in het bestand geschreven als coördinaten en padopdrachten.
Precies daarom wordt een SVG nooit wazig als je hem vergroot: de browser tekent de formules simpelweg opnieuw op de nieuwe maat in plaats van pixels op te rekken. Dat is wat het woord "vector" betekent.
2. SVG tegenover PNG / JPG
| Aspect | SVG | PNG / JPG |
|---|---|---|
| Hoe het beeld wordt bewaard | Wiskundige paden (vectoraal) | Pixelrasters (bitmap) |
| Bij vergroten | Schaalt onbeperkt zonder vervorming | Toont karteling en onscherpte |
| Bestandsgrootte | Zeer klein voor eenvoudige graphics (enkele KB) | Groeit lineair met de resolutie |
| Bewerkbaarheid | Tekst die je kunt bewerken, herkleuren en animeren | Vereist beeldbewerkingssoftware |
| Het beste voor | Pictogrammen, logo's, illustraties, grafieken | Foto's en complexe belichting |
3. Waar SVG typisch voor wordt gebruikt
- Websitepictogrammen en logo's: één SVG past bij elke schermdichtheid en blijft scherp op Retina-schermen;
- Illustraties en grafieken: datavisualisatiebibliotheken zoals ECharts en Recharts geven standaard SVG uit;
- Druk en gravure: lasergraveurs, snijplotters en UV-printers accepteren SVG-paden zonder problemen;
- Animatie: SVG-paden zijn rechtstreeks aan te sturen met CSS / SMIL / JavaScript, waardoor bijvoorbeeld een tekendeffect mogelijk is.
4. Hoe open en bewerk je een SVG?
Elke moderne browser (Chrome / Edge / Firefox / Safari) opent SVG-bestanden direct, en ontwerpsoftware zoals Illustrator, Figma en Inkscape (gratis) kan ze bewerken. Wil je alleen een kleur aanpassen, een achtergrond verwijderen of een deel wissen, gebruik dan de online SVG-editor van PolySVG, zonder ook maar iets te installeren.
5. Hoe maak ik van mijn PNG / JPG een SVG?
Gebruik de Afbeelding naar SVG-tool van PolySVG: upload de bitmap en het eigen model doet automatisch kleurkwantisatie, contourvolging en curve-fitting, zodat je binnen enkele seconden een bewerkbare SVG hebt, met achtergrondverwijdering met één klik. Het hele proces is gratis en vraagt geen registratie.
Samengevat: SVG is een formaat dat "met formules tekent" en past daarom vanzelf bij pictogrammen, logo's en alles wat geschaald moet worden; voor fotografische inhoud blijven JPG / WEBP beter.
Veelgestelde vragen
Met welk programma open ik SVG-bestanden?
Elke moderne browser toont ze direct. Voor bewerken gebruik je Illustrator, Figma of Inkscape, of je regelt het in de online editor van PolySVG zonder installatie.
Kan een SVG naar PNG worden omgezet?
Ja. De editor van PolySVG exporteert SVG naar PNG in elke gewenste resolutie, en een schermafbeelding van de browser of een export uit ontwerpsoftware doet hetzelfde.