Raster vs Vector Graphics: De complete gids
Elke digitale afbeelding is óf raster óf vector. Het verschil kennen — en weten welke een taak daadwerkelijk vereist — bespaart je zowel wazige logo's als foto's die onmogelijk te bewerken zijn.
Wat is een rasterafbeelding?
Rasterafbeeldingen (PNG, JPEG, GIF, BMP) slaan een afbeelding op als een vast raster van pixels, elk met zijn eigen kleur. Digitale camera's, scanners en screenshots produceren allemaal rasterafbeeldingen, omdat dat is hoe lichtsensoren en schermen afbeeldingen daadwerkelijk vastleggen en weergeven — pixel voor pixel.
De keerzijde is resolutieafhankelijkheid: een rasterafbeelding ziet er alleen goed uit tot aan zijn oorspronkelijke pixelafmetingen. Daarboven moet de software nieuwe pixelwaarden raden om de gaten op te vullen, wat verklaart waarom vergrote rasterafbeeldingen er zacht of blokkerig uitzien.
Wat is een vectorafbeelding?
Vectorafbeeldingen (SVG, EPS, AI, PDF-als-vector) slaan een afbeelding op als wiskundige beschrijvingen van vormen: punten, lijnen en curves, elk met een vaste vulling of lijndikte. Er is geen vaste resolutie, omdat de vormen elke keer opnieuw worden berekend wanneer de afbeelding wordt weergegeven of afgedrukt.
Dit maakt vectoren ideaal voor alles wat moet schalen — logo's, iconen, typografie, technische illustraties en snijpaden voor machines zoals lasersnijders of Cricut- en Silhouette-machines.
Raster vs vector: vergelijking naast elkaar
| Raster | Vector | |
|---|---|---|
| Bestaat uit | Pixels | Punten, lijnen, curves |
| Resolutie | Vast aan bronafmetingen | Resolutie-onafhankelijk |
| Ideale content | Foto's, complexe texturen | Logo's, iconen, lijntekeningen, snijpaden |
| Gangbare formaten | PNG, JPEG, GIF, BMP | SVG, EPS, AI |
| Bewerken | Op pixelniveau (Photoshop, GIMP) | Op vormniveau (Illustrator, Inkscape, Figma) |
Converteren tussen raster en vector
Van vector naar raster gaan ("rasteriseren") is eenvoudig: de vormen worden gerenderd naar een pixelraster op de gewenste grootte, wat automatisch gebeurt wanneer je een PNG exporteert vanuit een ontwerptool.
De andere kant op — raster naar vector — vereist tracen: het pixelraster analyseren, vergelijkbare kleuren groeperen en wiskundige curves fitten op de grenzen daartussen. Bekijk hoe image tracing werkt voor een volledige uitleg van dat proces, of zet direct een PNG om naar SVG.
Veelgestelde vragen
Kan een vectorafbeelding er ooit slecht uitzien?
Ja, als je probeert fijn fotografisch detail te persen in een klein aantal vectorvormen — het resultaat verliest realistische textuur en lijkt meer op vlakke, poster-achtige kunst.
Is SVG een raster- of vectorformaat?
SVG is een vectorformaat — het slaat paden en vormen op, geen losse pixels, waardoor het op elke grootte scherp blijft.
Welk formaat moet ik gebruiken voor een favicon van een website?
SVG is over het algemeen het beste voor een favicon, omdat het scherp blijft over het hele bereik van groottes die browsers opvragen, al is een PNG-fallback gangbaar voor ondersteuning van oudere browsers.
Gerelateerde gidsen
Een specifiekere, formaatgerichte versie van deze zelfde raster-versus-vectorvraag.
Het technische proces achter het omzetten van raster naar vector.
Eén praktijkvoorbeeld waarin vectorpaden meer tellen dan pixels.