Wat is een 'Vectorbestand'?

Wat is een vectorbestand?

Een vectorbestand is een grafisch bestandsformaat dat gebruikmaakt van wiskundige formules om afbeeldingen te definiëren met punten, lijnen en vormen in plaats van pixels. Hierdoor blijven vectorafbeeldingen scherp en schaalbaar, ongeacht de grootte. Bekende vectorformaten zijn SVG, AI, EPS en PDF.

Wat is SVG?

SVG (Scalable Vector Graphics) is een veelgebruikt vectorbestandformaat dat is gebaseerd op XML. Het wordt voornamelijk gebruikt voor webtoepassingen omdat het direct in HTML kan worden ingesloten en ondersteund wordt door alle moderne browsers.

Voordelen van SVG:

• Schaalbaarheid – SVG-afbeeldingen blijven scherp, ongeacht de grootte.
• Kleine bestandsgrootte – Vooral bij eenvoudige grafieken en logo’s zijn SVG-bestanden kleiner dan rasterafbeeldingen.
• Bewerkbaarheid – Aangezien SVG op XML is gebaseerd, kunnen afbeeldingen eenvoudig worden bewerkt met een teksteditor of een grafisch programma.
• Interactiviteit & animatie – SVG ondersteunt JavaScript en CSS, waardoor interactieve elementen en animaties mogelijk zijn.
• SEO-vriendelijk – Tekst in SVG-bestanden is doorzoekbaar en indexeerbaar door zoekmachines.
• Geen kwaliteitsverlies – In tegenstelling tot rasterbestanden zoals PNG of JPG, die bij schalen kwaliteit verliezen, blijft een SVG altijd haarscherp.

Nadelen van SVG:

• Complexiteit bij gedetailleerde afbeeldingen – SVG is minder geschikt voor fotorealistische afbeeldingen met veel details en kleurovergangen.
• Performance issues bij grote of complexe SVG’s – Ze kunnen trager laden of renderen als ze extreem veel paden en punten bevatten.
• Beperkte ondersteuning in oudere browsers – Hoewel modernere browsers SVG ondersteunen, kan compatibiliteit een probleem zijn bij verouderde systemen.

Veiligheidsaspecten van SVG:

Omdat SVG een op XML gebaseerd formaat is en script- en interactiemogelijkheden biedt, brengt dit ook beveiligingsrisico’s met zich mee:

• XSS (Cross-Site Scripting) – Kwaadaardige scripts kunnen in een SVG-bestand worden opgenomen en uitgevoerd binnen een webpagina.
• Invoegen van externe bestanden – SVG kan externe bestanden laden, wat kan leiden tot ongewenste data-injectie of beveiligingslekken.
• DDoS-aanvallen – Grote of complexe SVG-bestanden kunnen een server belasten of browsercrashes veroorzaken.

Hoe beveilig je SVG-bestanden?

• Sanitization: Verwijder onnodige of schadelijke elementen, zoals <script>– en <foreignObject>-tags.
• CSP (Content Security Policy): Beperk het laden van externe scripts en bronnen.
• Uploadbeperkingen: Sta geen SVG-upload toe zonder validatie en filtering.
• Gebruik inline SVG’s voorzichtig: Voorkom ongecontroleerde externe SVG-inclusies in webpagina’s.

Kortom, SVG is een krachtig en flexibel bestandsformaat voor webgraphics, maar vereist de juiste veiligheidsmaatregelen om misbruik te voorkomen.