Wat is een SVG-bestand?

SVG staat voor Scalable Vector Graphics. Het is een universeel, op XML-gebaseerd bestandsformaat dat specifiek wordt gebruikt voor het digitaal weergeven van vectorafbeeldingen op internetpagina’s en binnen applicaties.

Het cruciale verschil met rasterafbeeldingen

Om de kracht van SVG te begrijpen, moet er een scherp onderscheid worden gemaakt met traditionele rasterafbeeldingen zoals JPG of PNG:

• Rasterafbeeldingen (JPG/PNG): Bestaan uit een vast grid van pixels. Wanneer je deze afbeeldingen extreem uitvergroot, worden de pixels zichtbaar, wat resulteert in een wazig, kwalitatief slecht beeld (pixelatie).
• Vectorafbeeldingen (SVG): Bestaan niet uit pixels, maar uit wiskundige formules en coördinaten (lijnen, vormen en curven). Hierdoor behouden SVG-afbeeldingen hun absolute scherpte en kwaliteit, ongeacht hoe groot of klein ze op een beeldscherm worden getoond.

Waarom SVG onmisbaar is voor Webdesign

Binnen moderne webontwikkeling is SVG de absolute standaard voor grafische basiselementen zoals bedrijfslogo’s, iconen, infographics en illustraties. Omdat SVG-bestanden puur uit code bestaan, zijn de bestandsformaten extreem klein, wat de laadsnelheid van een website enorm ten goede komt. Bovendien zijn ze volledig responsive; ze passen zich moeiteloos aan elk schermformaat aan (van smartphone tot retina-desktop). Omdat het code is, kunnen developers SVG-afbeeldingen rechtstreeks bewerken en dynamisch animeren met behulp van CSS en JavaScript.