Wat is het verschil tussen vector en pixel?

Vector of pixels? Het verschil simpel uitgelegd

Soms krijg ik de vraag of ik een afbeelding “gewoon wat groter” kan maken. Of iemand stuurt een klein jpg of png bestandje mee met de mededeling: “Dit kan toch ook op een poster?”

Tja.

Dat kan soms. Maar niet altijd. En precies daar zit het verschil tussen pixels en vectoren.

Nu klinkt dat misschien als een technisch verhaal waar vooral vormgevers warm van worden, maar het is eigenlijk vrij simpel. En als je ooit een logo, cartoon, illustratie, poster, puzzel of zoekplaat wilt laten maken, is het handig om het verschil te kennen.

Pixels: kleine blokjes beeld

Een pixelafbeelding bestaat uit allemaal kleine beeldpuntjes. Denk aan een foto op je telefoon. Die foto ziet er prima uit zolang je hem ongeveer gebruikt op het formaat waarvoor hij bedoeld is.

Maar als je zo’n afbeelding heel sterk vergroot, worden die puntjes zichtbaar. Dan krijg je een onscherp, korrelig of blokkerig beeld. Alsof je met je neus tegen een oude computermonitor staat.

Voor foto’s is dat meestal geen probleem, zolang de resolutie hoog genoeg is. Een goede foto kan prachtig gedrukt worden. Maar een kleine afbeelding van internet zomaar opblazen tot posterformaat? Dat loopt vaak minder goed af.

Vector: tekenen met lijnen en vormen

Een vectorafbeelding werkt anders. Die bestaat niet uit vaste beeldpuntjes, maar uit lijnen, vormen, vlakken en punten die wiskundig worden beschreven.

Klinkt ingewikkeld, maar het voordeel is heel praktisch: een vectorillustratie kun je vergroten of verkleinen zonder kwaliteitsverlies.

Een klein icoontje kan dus scherp blijven op een visitekaartje, maar ook op een spandoek. Een illustratie kan gebruikt worden op een website, in een boek, op een poster of zelfs als grote wandprint. De lijnen blijven strak.

Daarom werk ik graag vectorieel. Door de gebruikte vector tekentechniek kan je op mijn illustraties inzoomen op details zonder kwaliteitsverlies. Dat is belangrijk bij beelden waar heel veel kleine scènes en details in zitten.

Een foto is meestal pixel, een logo vaak vector

Heel kort door de bocht:

Een foto is meestal een pixelafbeelding.
Een logo, pictogram, cartoon of strakke illustratie is vaak vector.

Pixelbestanden herken je vaak aan extensies zoals:

• .jpg
• .png
• .tif
• .psd

Vectorbestanden herken je vaak aan extensies zoals:

• .ai
• .eps
• .svg
• .pdf

Let wel op: een pdf kan vector zijn, maar dat hoeft niet. Je kunt ook gewoon een onscherpe jpg in een pdf stoppen. Dan blijft het nog steeds een onscherpe jpg, maar dan in een net jasje.

Een beetje alsof je een diepvriespizza op een porseleinen bord legt. Het bord is chic, maar de pizza blijft dezelfde.

Is vector altijd beter?

Nee, niet per se.

Voor foto’s zijn pixels juist logisch. Een foto van een landschap, een portret of een product bestaat uit veel kleurverlopen, licht, schaduw en details. Daarvoor zijn pixelbestanden heel geschikt.

Voor illustraties, logo’s, pictogrammen, infographics en zoekplaten is vector vaak handiger. Zeker als het beeld later op verschillende formaten gebruikt moet worden.

Het gaat dus niet om beter of slechter. Het gaat om: wat wil je ermee doen?

Waarom dit handig is om te weten

Als je een illustratie laat maken, is het goed om vooraf na te denken over het gebruik. Komt het beeld alleen klein op een website? Of moet het ook op een poster, puzzeldoos, beurswand of drukwerk kunnen?

Dat maakt verschil in de manier waarop het bestand wordt opgebouwd en aangeleverd.

Daarom vraag ik bij nieuwe opdrachten vaak waarvoor een illustratie gebruikt gaat worden. Niet om moeilijk te doen, maar juist om te zorgen dat het beeld straks technisch klopt.

Want niets is zo jammer als een mooie illustratie die uiteindelijk niet scherp genoeg blijkt voor het formaat waarop je hem wilt gebruiken.

Kort samengevat

Pixels zijn ideaal voor foto’s en beelden met veel details, licht en sfeer.
Vectoren zijn ideaal voor strakke illustraties, logo’s, infographics en zoekplaten die schaalbaar moeten blijven.

Of nog korter:

Pixels zijn kleine blokjes.
Vectoren zijn slimme lijnen.

En als je een zoekplaat, praatplaat of illustratie wilt die later op allerlei manieren gebruikt kan worden, dan zijn die slimme lijnen vaak behoorlijk handig.