Wat is beeldresolutie: pixels, PPI en DPI uitgelegd

De verwarring rond resolutie is wijdverbreid en begrijpelijk. Hetzelfde woord beschrijft per context iets anders: de camera heeft het over megapixels, Photoshop over PPI, de drukker vraagt om 300 DPI en Google adviseert webbeelden met genoeg resolutie voor Retina-schermen. Het lijkt alsof elk programma en elke vakgenoot zijn eigen woordenboek hanteert.

Dit artikel zet elk begrip op zijn plek, laat zien hoe ze samenhangen en wat er in elke praktijksituatie werkelijk toe doet.

Wat is een pixel

Pixel is een samentrekking van picture element, oftewel beeldelement. Het is de kleinste eenheid van een digitale rasterafbeelding: één ondeelbaar punt kleur.

Een digitale afbeelding is een rechthoekig raster van pixels. Elke pixel bewaart een kleurwaarde, meestal opgebouwd uit drie kanalen: rood (R), groen (G) en blauw (B), elk met 256 mogelijke niveaus (0 tot 255). Dat levert 256³ = 16,7 miljoen mogelijke kleuren per pixel op in het RGB-model van 8 bit.

De pixel is een abstracte eenheid — hij heeft geen eigen fysieke maat. Een pixel is niet groot of klein: het is enkel een kleurwaarde in een raster. Hoeveel ruimte hij in de echte wereld inneemt, hangt volledig af van hoe je hem toont of afdrukt.

Dat onderscheid vormt de kern van alle verwarring rond resolutie: pixels leven in een abstracte ruimte, zonder fysieke afmetingen. Praten over resolutie betekent altijd praten over hoe die abstracte pixels worden vertaald naar fysieke ruimte — op een scherm of op papier.

Wat is beeldresolutie

Het woord resolutie heeft twee betekenissen die geregeld door elkaar lopen:

• Resolutie als totale afmeting in pixels: "deze afbeelding heeft een resolutie van 3840×2160 pixels". Hier beschrijft resolutie simpelweg het aantal pixels in de breedte en de hoogte. Een afbeelding met een hoge resolutie in die zin heeft veel pixels — meer detail, meer ruimte om te vergroten of groot af te drukken.
• Resolutie als dichtheid: "deze afbeelding staat op 300 DPI". Hier beschrijft resolutie hoeveel pixels (of punten) er in een fysieke lengte-eenheid passen. Het gaat om de verhouding tussen de digitale ruimte (pixels) en de fysieke ruimte (centimeters, inches).

De eerste betekenis — het totaal aantal pixels — bepaalt de kwaliteit en de omvang van een digitale afbeelding. De tweede — dichtheid — krijgt pas betekenis zodra het beeld naar een fysiek formaat moet worden vertaald, zoals bij drukwerk.

Wat is PPI — pixels per inch

PPI staat voor pixels per inch. Het is de maat voor pixeldichtheid van een scherm of digitale afbeelding: hoeveel pixels er in elke lineaire inch passen.

Een Full HD-monitor van 24 inch heeft een resolutie van 1920×1080 pixels en is ongeveer 21,5 inch breed. Dus: 1920 ÷ 21,5 ≈ 89 PPI. Elke inch scherm bevat 89 pixels.

Een iPhone 15 Pro heeft een scherm van 6,1 inch met een resolutie van 2556×1179 pixels en een breedte van 2,82 inch. Dus: 2556 ÷ 2,82 ≈ 460 PPI — ruim vijf keer de dichtheid van een gewone monitor.

De PPI van een scherm bepaalt hoe scherp het oogt: hoe hoger de PPI, hoe kleiner de losse pixels, hoe lastiger ze met het blote oog te onderscheiden zijn en hoe scherper het beeld lijkt. Apple noemde zijn scherm Retina omdat het menselijk oog op normale kijkafstand boven de 300 PPI geen losse pixels meer onderscheidt.

Wat is DPI — dots per inch

DPI staat voor dots per inch, oftewel punten per inch. Oorspronkelijk slaat de term op de dichtheid van inktpunten die een printer op papier zet. Een printer op 600 DPI plaatst 600 inktpunten per lineaire inch papier.

In het dagelijks jargon van grafisch ontwerp gelden DPI en PPI als synoniemen voor de pixeldichtheid van een afbeelding die naar de drukker gaat. Vraagt een drukkerij om een bestand op 300 DPI, dan wil ze dat het beeld 300 pixels bevat per inch van het uiteindelijke afdrukformaat.

De samenhang tussen pixels, PPI/DPI en fysiek formaat

Dit is de centrale vergelijking die alles verklaart:

Fysiek formaat (inch) = totaal aantal pixels ÷ dichtheid (DPI of PPI)

Voorbeelden met dezelfde afbeelding van 3000 pixels breed:

Merk op dat de afbeelding zelf niet verandert — het zijn in alle gevallen dezelfde 3000 pixels. Wat verandert, is hoe die pixels over de fysieke ruimte worden verdeeld. Op 300 DPI beslaat elke pixel 1/300 inch. Op 72 DPI beslaat diezelfde pixel 1/72 inch — ruim vier keer zo groot. Daarom oogt een afdruk op 72 DPI blokkerig: elke pixel is groot genoeg om afzonderlijk te zien.

Wat zijn megapixels

Een megapixel is 1 miljoen pixels. Een camera van 12 megapixel levert beelden van ongeveer 12 miljoen pixels. De gebruikelijke resolutie bij 12 MP is 4032×3024 pixels — en 4032 × 3024 = 12.192.768 pixels, afgerond de aangeprezen 12 megapixel.

De praktische conclusie: elke moderne smartphone (12 MP of meer) heeft ruim genoeg resolutie voor een afdruk op A4 op 300 DPI. Bij gangbare formaten is de telefooncamera niet de beperkende factor.

Waarom 72 DPI voor web is gaan staan

Dit is een van de oudste en slechtst begrepen conventies uit het digitale ontwerp. De oorsprong is historisch: in de jaren tachtig hadden de eerste Macintosh-monitoren ongeveer 72 pixels per inch. Apple hanteerde 72 PPI als referentie omdat dat de vertaling tussen scherm en druk vergemakkelijkte: 1 typografisch punt = 1/72 inch. Photoshop nam 72 PPI over als standaard voor schermdocumenten, en zo bleef het hangen.

Hedendaagse monitoren zitten tussen 90 en 140 PPI. Moderne iPhones halen 460 PPI. De waarde 72 PPI is als beschrijving van een scherm dus volstrekt achterhaald.

Het belangrijkste gevolg: de DPI-waarde in de metadata van een digitale afbeelding heeft geen enkel effect op de weergave op een scherm. Een afbeelding van 1200×800 px met 72 DPI in de metadata en een met 300 DPI worden identiek weergegeven in de browser — die negeert de metadata en toont één bestandspixel als één schermpixel. De DPI-waarde telt pas mee zodra het beeld wordt geopend in software die het gaat afdrukken.

Retina-schermen en de factor @2x

Apple introduceerde het Retina-scherm met de iPhone 4 (2010) op 326 PPI — ongeveer het dubbele van de monitoren uit die tijd. De oplossing werd het onderscheid tussen logische en fysieke pixels:

• Logische pixel (CSS-pixel): de eenheid in de code. Een afbeelding met width: 300px in CSS beslaat 300 logische pixels.
• Fysieke pixel: het echte punt op het scherm. Op een Retina-scherm @2x wordt elke logische pixel weergegeven door 4 fysieke pixels (2×2). Op een @3x-scherm komt elke logische pixel overeen met 9 fysieke pixels.

Het gevolg is dat rasterbeelden op schermen met hoge dichtheid vaag ogen als je ze niet in voldoende resolutie aanlevert. De oplossing: lever beelden aan met het dubbele (of drievoudige) van de weergaveafmetingen.

• Afbeelding die op 300 px breed wordt getoond → lever 600 px (@2x) of 900 px (@3x)
• Voor een galerij met beelden van 800×600 px → lever bestanden van 1600×1200 px

Gebruik Verkleinen van ImageTools om de afmetingen nauwkeurig in te stellen voordat je uploadt.

Resolutie voor druk: de benodigde pixels berekenen

Uitgaand van de vergelijking pixels = fysiek formaat × DPI:

Voor spandoeken en grootformaatmateriaal dat je van een afstand ziet, volstaat meestal 150 DPI. Voor drukwerk dat je in handen houdt (kaartje, foto, flyer) is 300 DPI de standaard.

Resolutie voor schermen: wat er echt toe doet

Voor beelden die op een scherm belanden, kun je de DPI vergeten. De praktische regels zijn:

1. Reken met de weergaveruimte × de schermfactor. Voor een banner van 1440 px breed op @2x-schermen lever je 2880 px. Voor een productfoto die op 600 px wordt getoond, lever je 1200 px.
2. Lever geen grotere beelden dan nodig. Een foto van 4032×3024 px om op 800×600 px te tonen is verspilling — de browser haalt twaalf keer meer pixels binnen dan hij gebruikt.
3. De DPI-metadata doet online niets. Exporteren op 72 of op 300 DPI maakt voor het web niets uit — het aantal pixels telt.

Waarom de DPI verhogen de kwaliteit niet verbetert

Dit is misschien wel het meest frustrerende misverstand. In Photoshop kun je de DPI op twee manieren wijzigen (via Afbeelding → Afbeeldingsgrootte):

• Zonder opnieuw te bemonsteren: het aantal pixels blijft gelijk. Photoshop rekent alleen het fysieke afdrukformaat opnieuw uit. Een afbeelding van 720×540 px op 72 DPI wordt een afbeelding van 720×540 px op 300 DPI — dezelfde pixels, in een kleinere fysieke ruimte. De kwaliteit is niet vooruitgegaan.
• Mét opnieuw bemonsteren: Photoshop maakt nieuwe pixels aan door interpolatie, dus door tussenwaarden te berekenen tussen bestaande pixels. Het resultaat heeft meer pixels, maar die zijn verzonnen. Het beeld oogt zachter of vager, nooit scherper. Detail dat niet in de oorspronkelijke foto zat, valt niet uit wiskunde te toveren.

Conclusie: de enige manier om echt meer pixels te krijgen, is uitgaan van een origineel met een hogere resolutie. De DPI wijzigen in Photoshop maakt geen detail bij — het verdeelt de bestaande pixels alleen anders over de fysieke ruimte.

Videoresolutie: hoe die zich verhoudt tot beeld

Veelgestelde vragen