PPI vs. DPI: De wereld van online en printresoluties ontrafeld

Wat is het verschil tussen PPI en DPI en waarom worden ze altijd genoemd in creatieve software? Ontdek de verschillende kenmerken van elke instelling met deze handige gids.

Omslagafbeelding via YamabikaY.

Je hebt misschien gemerkt dat de acroniemen DPI en PPI nogal vaak worden gebruikt op creatieve platforms. Maar wat betekenen ze eigenlijk? Deze termen definiëren beide de algemene resolutie van een afbeelding in verschillende domeinen – digitaal versus afdrukken. Velen gebruiken DPI en PPI door elkaar, maar er zijn verschillen tussen de twee. Laten we de lucht klaren en bekijken wat elk acroniem betekent.

PPI (Pixels Per Inch)

Als je een ontwerper of fotograaf bent, heb je waarschijnlijk PPI gebruikt bij het exporteren of ontwerpen voor het web. PPI, of pixels per inch, gaat over pixelresolutie en is meestal voorbehouden aan beeldschermen en digitale beeldformaten. Alleen rasterafbeeldingen kunnen worden gemeten in PPI; vectorafbeeldingen zijn oneindig schaalbaar en zijn niet afhankelijk van pixels. Pixels zijn “beeldelementen” – kleine vierkantjes van kleur die beter zichtbaar worden wanneer op een rasterafbeelding wordt ingezoomd.

Image via Bro Studio.

Een afbeelding met een hogere PPI heeft de neiging van hogere kwaliteit te zijn door de grotere pixeldichtheid. De afzonderlijke pixels in een 300 PPI-afbeelding zijn drastisch kleiner dan in een 72 PPI-afbeelding. Kleinere pixels zorgen voor een vloeiender overvloeien van kleur en vorm. Zodra u een afbeelding vergroot, vergroot u de grootte van de pixels, de boosdoener van die lelijke gekartelde randen.

Let eens op de verschillen tussen dezelfde bladafbeelding bij incrementele pixels per inch. Zelfs wanneer de afbeelding tot grote proporties wordt vergroot, ziet de 300 PPI-afbeelding er scherper uit dan de 72 PPI-afbeelding. Hoe kleiner de pixels, hoe hoger de PPI, en hoe beter de kwaliteit.

Het manipuleren van PPI

In elk beeldbewerkingsprogramma, zoals Adobe Photoshop, is het belangrijk om het verschil te begrijpen tussen het resizen en resamplen van een afbeelding. Ze lijken op elkaar, maar ze bereiken allebei een ander resultaat. Navigeer naar Afbeelding > Afbeeldingsgrootte in het programma Photoshop om de grootte en afmetingen aan te passen.

Afbeelding verkleinen

In Adobe Photoshop kunt u zien hoe het verminderen van de pixeldichtheid van deze bladafbeelding de hoogte en breedte in inches vergroot. Het verkleinen van de afbeelding heeft geen invloed op de afmetingen of het formaat, maar wel op de afdrukuitvoer. Een afbeelding die is ingesteld op 300 PPI wordt afgedrukt op een kleiner formaat dan dezelfde afbeelding op 72 PPI.

Laten we zeggen dat een afbeelding wordt gemeten op 4 bij 6 inch bij 300 PPI. Wanneer je de pixeldichtheid verlaagt naar 72 PPI in het deelvenster Afbeeldingsgrootte, zal de afdruk groter zijn, zelfs wanneer de afmetingen van de afbeelding hetzelfde zijn. Dit komt omdat Photoshop de breedte en hoogte meet in inches, die gereserveerd zijn voor afdrukdoeleinden.

Afbeelding opnieuw opbouwen

Herindelen van een afbeelding verwijst naar het aanpassen van de hoeveelheid pixels in een afbeelding. Als resampling is aangevinkt, ziet u hoe de waarden veranderen. Als de resolutie in PPI afneemt, nemen de afbeeldingsgrootte en -afmetingen ook af. Merk op hoe het paneel Afbeeldingsgrootte overschakelt naar meten in pixels, een meting die voorbehouden is voor online- en webafbeeldingen. Bij 300 PPI begint deze afbeelding met 5000 pixels bij 3407 pixels, maar als de resolutie wordt teruggebracht tot 72 PPI, wordt de gewijzigde afbeelding kleiner, namelijk 1200 pixels bij 818 pixels.

Resamplen is ideaal om de afmetingen te verkleinen met het oog op online uploadbeperkingen. Vermijd het verhogen van de resolutie bij resampling; Photoshop zal moeite hebben pixels toe te voegen aan een afbeelding met een lagere resolutie, wat resulteert in vage randen. Dit effect is vergelijkbaar met het vergroten van een afbeelding van lage kwaliteit.

PPI Print Standards

Wanneer je een online afbeelding instelt om te worden afgedrukt, kun je het beste de juiste pixels per inch gebruiken. Exporteer uw ontwerp op 150 of 300 PPI voor professionele kwaliteitsnormen. Door een afbeelding in te stellen met een hoge pixeldichtheid, wordt de afbeelding voorbereid om te worden afgedrukt met een betere kwaliteit in DPI.

DPI (Dots Per Inch)

DPI verwijst naar de fysieke inktpunten per inch op een geprinte of gescande afbeelding. Printers geven kleuren niet weer in pixels, maar in gelaagde punten bestaande uit cyaan, magenta, geel en zwart (CMYK). Een 300 DPI beeld toont bijvoorbeeld 90.000 afzonderlijke pigmentpunten binnen één inch. Als u een afgedrukte afbeelding scant en ver inzoomt, kunt u deze CMYK-puntjes zichtbaar zien.

Velen verwarren DPI met PPI; dots per inch verwijst naar de afdrukuitvoer, terwijl pixels per inch de gegevensinvoer van de afbeelding weergeeft.

Image via maurobeltran.

PPI is eenvoudig te manipuleren in een beeldbewerkingsprogramma; DPI is een heel ander verhaal. Elk model en elke stijl printer produceert zijn eigen unieke DPI op basis van de printerinstellingen. Inkjet printers produceren een resolutie van ongeveer 300 tot 720 DPI, terwijl een laserprinter afbeeldingen produceert van 600 tot ongeveer 2.400 DPI. Zolang de DPI van de printer overeenkomt met of hoger is dan de professionele PPI, zal het beeld met een hoge kwaliteit worden afgedrukt. Hoe groter de DPI, hoe vloeiender en scherper de afgedrukte afbeelding tot op zekere hoogte zal zijn. Een 300 DPI beeld bevat al 90.000 dots van kleur; meer dan 300 DPI zal de output niet te veel veranderen.

Nu ben je een DPI vs PPI meester! Het gebruik van de juiste specificaties kan je creatieve workflow en beeldkwaliteit verbeteren. Onthoud, PPI is de data-invoer van een afbeelding en de DPI is de afgedrukte uitvoer van die afbeelding.

Wilt u uw kennis van ontwerpterminologie uitbreiden? Bekijk dan deze informatieve artikelen:

• Raster vs. Vector: Wat is het verschil en wanneer gebruik je welke
• De verschillen tussen Kerning, Leading, en Tracking in typografie
• Alles wat je moet weten over bestandstypen voor ontwerp
• 101 kleurencombinaties om je volgende ontwerp te inspireren