Intern
Wat is SVG?
sobes.tech AI
Antwoord van AI
SVG (Scalable Vector Graphics) is een op XML gebaseerd formaat voor tweedimensionale grafieken. In tegenstelling tot rasterafbeeldingen beschrijft SVG grafieken met behulp van wiskundige formules, waardoor afbeeldingen zonder kwaliteitsverlies kunnen worden geschaald.
Belangrijkste kenmerken van SVG:
- Vektorformaat: Afbeeldingen worden beschreven door geometrische primitieve vormen (punten, lijnen, krommen, figuren), niet door pixels.
- XML-basis: De structuur van het SVG-document is gebaseerd op XML-syntaxis, waardoor het gemakkelijk te lezen en te bewerken is.
- Schaalbaarheid: Afbeeldingen kunnen worden vergroot of verkleind zonder scherpte of kwaliteit te verliezen.
- Interactiviteit: SVG-elementen kunnen interactief zijn en reageren op gebeurtenissen (klikken, hoveren, etc.) via JavaScript.
- Stijl: De styling van SVG-elementen kan worden aangepast met CSS.
- Animatie: SVG ondersteunt animatie van elementen met ingebouwde middelen of CSS/JavaScript.
Voordelen van SVG op het web:
- Ideaal voor iconen en logo's: Schaalbaarheid zorgt voor een scherpe weergave op elk schermresolutie.
- Kleinere bestandsgrootte: Voor veel grafiektype kunnen SVG-bestanden kleiner zijn dan vergelijkbare rasterformaten.
- SEO-vriendelijk: Tekst in SVG wordt geïndexeerd door zoekmachines.
- Toegankelijkheid: Dankzij de tekstuele aard is SVG beter toegankelijk voor assistieve technologieën.
- Eenvoudig te wijzigen: Omdat het XML is, kan de inhoud dynamisch worden aangepast.
Voorbeeld van een eenvoudige SVG-afbeelding (cirkel):
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>