Schermresolutie en kleurdiepte op draagbare apparaten - dummies

Als u nieuw bent bij het maken van afbeeldingen, video en andere multimedia voor mobiel internet, begrijpt u de concepten achter termen als kleurdiepte en resolutie > kan u helpen bij het maken van ontwerpen voor mobiele sites. Kleurdiepte verwijst naar het aantal kleuren dat een scherm kan weergeven, meestal aangeduid met het aantal bits. Schermresolutie

Hand in hand met kleurdiepte, de schermresolutie bepaalt hoe heldere en levensechte afbeeldingen worden weergegeven. Zoals je zou verwachten, zijn de schermresoluties op mobiele apparaten lang niet zo groot als op desktop- of laptopcomputers.

De meeste nieuwe LCD-monitoren of laptopschermen hebben een resolutie van minstens 1920 x 1080 pixels en duurdere schermen zijn zelfs nog hoger.

De iPhone is in vergelijking klein. Het originele iPhone-display (van de iPhone 1 tot de 3GS) is 480 x 320 pixels, waardoor het de overgrote meerderheid van video's op YouTube kan afspelen in een resolutie waardoor ze er redelijk helder uitzien op het scherm, maar niet in de buurt komen naar wat de meeste consumenten van een televisiescherm verwachten.

De iPad biedt daarentegen een scherm met een hoge resolutie van 1024 x 768, meer dan genoeg om het bekijken van video op de iPad tot een aangename ervaring te maken. Let bij het voorbereiden van uw afbeeldingen en video's op de verschillende schermresoluties van de iPhone en iPad.

Pixels per inch

Een andere belangrijke factor is het aantal pixels per inch (ppi) in een afbeelding of video. De meeste computerbeeldschermen geven afbeeldingen weer met 72 ppi; nieuwere modellen geven 92 ppi weer. De iPad geeft 132 ppi weer en de iPhone 4 heeft een resolutie van 326 ppi. Houd er rekening mee dat hoe meer pixels per inch, hoe meer details in de afbeelding en hoe beter deze wordt weergegeven.

De reden dat het scherm op de iPhone 4 zoveel aandacht heeft vergaard, is dat de beelden net zo helder en scherp zijn als het menselijk oog kan waarnemen. Een afbeelding met een hoge resolutie op een iPhone-scherm ziet er waarschijnlijk beter uit dan de meeste andere afbeeldingen die u ooit op een digitaal beeldscherm hebt gezien.

De pixels per inch (ppi) -meting wijken af ​​van dots per inch (dpi), wat een veelgebruikte manier is om de afdrukresolutie te meten, omdat de printerkwaliteit wordt gemeten in dots per inch. Pixels per inch worden gebruikt als een maat voor de resolutie van een computerscherm.

Onderzoekers zijn het er in het algemeen over eens dat het gemiddelde menselijke oog op een afstand van één voet kwaliteitsverbeteringen van wel 300 ppi kan onderscheiden. Dat wil zeggen, als u het aantal pixels per inch bij een normale leesafstand van meer dan 300 ppi verhoogt (zoals met het Retina-display van de iPhone 4), kan het oog geen toename in kwaliteit detecteren.

In theorie betekent dit dat je je afbeeldingen zou moeten optimaliseren met 300 ppi, maar in de praktijk zorgt dit voor zulke grote bestandsgrootten dat ze een onbetaalbaar lange tijd nodig hebben om te downloaden, vooral via een mobiele verbinding.

Het is misschien tijd om de aanbevolen ppi voor webafbeeldingen te verhogen - het is altijd 72 ppi geweest, want dat is alles wat iedereen op een computerscherm zou zien. Maar tegenwoordig, met steeds hogere beeldschermresoluties, moet u uw afbeeldingen verhogen tot minimaal 92 ppi en 132 ppi als afbeeldingen een belangrijk onderdeel zijn van uw webontwerp en u weet dat uw bezoekers supersnelle verbindingen gebruiken.