Een SVG-bestand (Scalable Vector Graphic) is een grafische afbeelding die onbeperkt kan worden vergroot en verkleind zonder kwaliteitsverlies.
Dit komt omdat 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 andere vorm. De afbeelding hieronder toont het verschil tussen een pixelbestand (links) en een SVG-bestand (rechts).
Als een SVG vergroot wordt, wordt de afstand tussen de paden opnieuw berekend en dan aangepast aan de juiste verhouding. Ten slotte worden de paden opnieuw gevuld met de overeenkomstige kleuren. Op deze manier kan een SVG-bestand oneindig vergroot worden zonder dat de kwaliteit van de afbeelding vermindert.
Tegenhanger van SVG-bestand: pixelbestand
Een pixelbestand (zoals een JPG of PNG) is de tegenhanger van een SVG. Het belangrijkste verschil tussen de twee is dat een pixelbestand blokkerig wordt als het vergroot wordt, terwijl een SVG-bestand oneindig vergroot kan worden zonder kwaliteitsverlies. Veel bestanden die je op internet vindt zijn pixelbestanden. En daarom (vaak) niet geschikt om af te drukken.
Waar gebruik je SVG voor?
SVG-bestanden worden voornamelijk gebruikt op websites. Bijvoorbeeld om logo’s, pictogrammen, eenvoudige afbeeldingen en animaties weer te geven.
Deze keuze wordt vaak gemaakt omdat:
- Een SVG is het enige vectorbestandsformaat dat gebruikt kan worden op websites. Andere vectorbestanden, zoals een EPS, AI of PDF, zijn hiervoor niet geschikt.
- De bestandsgrootte van een SVG-bestand is vaak klein. Hierdoor blijft je site snel.
Ik heb een SVG, maar het is nog steeds niet scherp, hoe kan dit?
Dit komt omdat het eigenlijk een pixelbestand is, dat wordt opgeslagen als een SVG. Op deze manier verandert alleen het bestandstype (van PNG naar SVG bijvoorbeeld). Het belangrijkste verandert niet; de structuur van het bestand. Deze blijft in pixels in plaats van vectoren.
De oplossing is eenvoudig: de pixels in het bestand moeten worden omgezet naar vectoren. Heb je geen zin om dit zelf te doen? Wij kunnen je hiermee helpen.