Pixels Per Inch

Wat is Pixels Per Inch?

Pixels per inch, afgekort als PPI, geeft aan hoeveel pixels er per lineaire inch aanwezig zijn op een scherm of in een digitale afbeelding. Hoe meer pixels er per inch zijn, hoe fijner en scherper het beeld eruitziet. PPI is een kernbegrip in grafische vormgeving, webdesign en digitale marketing, omdat het direct invloed heeft op de visuele kwaliteit van alles wat je online of op scherm presenteert.

PPI wordt soms verward met DPI (dots per inch), maar die term hoort bij drukwerk. Bij digitale toepassingen gebruik je PPI. Het onderscheid is belangrijk als je ontwerpen maakt die zowel online als in print worden gebruikt.

Hoe wordt PPI berekend?

De pixeldichtheid van een scherm wordt bepaald door de resolutie en de fysieke afmetingen van het scherm. Een scherm met een hoge resolutie maar een klein formaat heeft een hogere PPI dan een scherm met dezelfde resolutie maar een groter formaat. Moderne smartphones hebben vaak een PPI van 300 of hoger, terwijl een gemiddelde desktopmonitor rond de 100 tot 150 PPI zit.

Voor afbeeldingen geldt een vergelijkbare berekening: de breedte of hoogte in pixels gedeeld door de fysieke afmeting in inches geeft de pixeldichtheid. Bij webafbeeldingen is een standaard van 72 of 96 PPI gangbaar, maar voor schermen met een hoge pixeldichtheid zoals Retina-displays heb je vaak afbeeldingen van minimaal 192 PPI nodig om kwaliteitsverlies te voorkomen.

Waarom is PPI belangrijk voor grafische vormgeving?

Als grafisch ontwerper of marketeer moet je rekening houden met de PPI van het eindmedium. Een afbeelding die er op een standaard scherm scherp uitziet, kan wazig of korrelig ogen op een high-resolution scherm. Dit heeft directe gevolgen voor de uitstraling van je merk.

• Logo's en huisstijlelementen: Vectorformaten schalen onbeperkt mee, maar rasterafbeeldingen hebben een vaste pixeldichtheid. Zorg altijd voor versies met voldoende hoge PPI.
• Banners en advertenties: Online advertenties worden weergegeven op uiteenlopende apparaten. Een te lage PPI maakt je campagne minder professioneel.
• Webafbeeldingen: Voor moderne schermen met hoge pixeldichtheid zijn dubbel zo grote afbeeldingen nodig die via CSS worden verkleind, zodat de beeldkwaliteit optimaal blijft.

PPI en webprestaties

Een hogere PPI vraagt om afbeeldingen met een hogere resolutie, en dat betekent grotere bestanden. Grote afbeeldingen vertragen je website, wat nadelig is voor de gebruikerservaring en voor je positie in zoekmachines. De uitdaging is om de juiste balans te vinden tussen beeldkwaliteit en laadsnelheid.

Moderne technieken helpen daarbij. Responsieve afbeeldingen laden automatisch de juiste versie op basis van het scherm van de bezoeker. Compressie-algoritmen verminderen de bestandsgrootte zonder zichtbaar kwaliteitsverlies. Formaten zoals WebP bieden een goede combinatie van kwaliteit en compressie.

Aandachtspunten bij PPI in de praktijk

Houd bij het aanleveren van ontwerpen of afbeeldingen rekening met het volgende:

1. Controleer altijd voor welk medium je ontwerpt: scherm of print.
2. Gebruik vectorformaten (SVG) voor logo's en iconen; die schalen mee zonder kwaliteitsverlies.
3. Lever afbeeldingen aan in meerdere resoluties als je website bezoekers heeft met uiteenlopende apparaten.
4. Optimaliseer bestandsgroottes om laadtijden kort te houden, zeker op mobiel.
5. Test je ontwerpen op verschillende schermen om te controleren hoe de beeldkwaliteit eruitziet.

Hulp bij Pixels Per Inch?

Wil je zeker weten dat jouw visuele uitingen er op elk scherm en elk apparaat professioneel uitzien? Wiex helpt je met een sterke huisstijl die rekening houdt met alle technische aspecten van digitale vormgeving. Neem gerust contact op via onze contactpagina en we kijken samen wat het beste bij jouw merk past.