Een SVG bestand (Scalable Vector Graphic) is een grafische afbeelding die onbeperkt vergroot en verkleind kan worden zonder dat er kwaliteitsverlies optreed.
Dit komt doordat de afbeelding is opgebouwd uit vectoren in plaats van pixels. Vectoren zijn paden die bestaan uit een begin- en eindpunt met daartussen een lijn, golf, cirkel of een andere vorm. In onderstaande afbeelding is het verschil tussen een pixel bestand (links) en een SVG bestand (rechts) te zien.
Als een SVG wordt vergroot dan wordt de afstand tussen de paden opnieuw berekend en vervolgens in de juiste verhouding aangepast. Ten slotte worden de paden weer gevuld met de bijbehorende kleuren. Op deze manier kan een SVG file oneindig vergroot worden zonder dat de kwaliteit van de afbeelding achteruit gaat.
Tegenhanger van SVG bestand: pixel bestand
Een pixel bestand (zoals een JPG of PNG) is de tegenhanger van een SVG. Het grootste verschil tussen deze twee is dat een pixel bestand blokkerig wordt als deze wordt uitvergroot, terwijl een SVG file onbeperkt kan worden vergroot zonder dat er kwaliteitsverlies optreed. Veel bestanden die je op internet vindt zijn pixel bestanden. En daardoor (vaak) niet geschikt voor drukwerk.
Waarvoor SVG gebruiken?
SVG bestanden worden voornamelijk gebruikt op websites. Bijvoorbeeld voor het weergeven van logo’s, iconen, eenvoudige grafieken en animaties. Deze keuze wordt vaak gemaakt omdat:
- Een SVG het enige vector bestandsformaat is wat op websites gebruikt kan worden. Andere vectoriële bestanden, zoals een EPS, AI of PDF, zijn hiervoor niet geschikt.
- De bestandsgrote van een SVG file is vaak klein. Waardoor je site snel blijft.
Ik heb een SVG, maar deze is toch niet scherp, hoe kan dit?
Dit komt doordat het eigenlijk een pixel bestand is, wat als een SVG is opgeslagen. Op deze manier veranderd alleen het bestandstype (van bijvoorbeeld PNG naar SVG). Het belangrijkste veranderd niet; de opbouw van het bestand. Dit blijft in pixels in plaats van in vectoren.
De oplossing is simpel: de pixels in het bestand moeten worden omgezet naar vectoren. Geen zin of tijd om dit zelf te doen? Wij kunnen je hiermee helpen.
