Apple iPad '3' review: de nieuwe benchmark

Weergave websites

Het kijken naar opgeschaalde applicaties zal een fenomeen zijn dat met de tijd steeds meer gaat verdwijnen. Nu de iPhone 4 ruim een jaar op de markt is, zien we dat een ruime meerderheid van de populaire apps daarvoor geoptimaliseerd is. Bij de iPad staan we nu pas aan het begin van die transitie, maar we durven wel te voorspellen dat er binnen enkele maanden nog maar weinig populaire iPad apps zullen zijn die niet specifiek voor de hogere resolutie zijn geoptimaliseerd.

Bij websites ligt dat toch iets anders. PC's geven websites altijd pixel-perfect weer en webdesigners ontwerpen webpagina's zodoende over het algemeen met een vaste breedte van circa 1000 pixels, zodat deze op alle gangbare resoluties past. Mobiele apparaten als smartphones en tablets schalen websites over het algemeen naar de breedte van het scherm, zodat ze beeldvullend getoond worden. In vrijwel alle gevallen betekent dit dat de website verkleind wordt, en dat de gebruiker op gedeeltes van de site die hij wil bekijken kan inzoomen.

De nieuwe iPad heeft in beide dimensies echter een resolutie die veel hoger is dan de standaardbreedte van de meeste websites, waardoor pagina's juist opgeschaald in plaats van verkleind moeten worden om over het volledige scherm getoond te worden. Tekst kan de Safari-browser dan haarscherp blijven renderen, maar foto's moeten vergroot worden, wat ervoor zorgt dat ze minder mooi zijn. De opkomst van apparaten met een hoge pixeldichtheid als de iPad 3 zal ervoor zorgen dat webdesigners veel meer met CSS3-effecten en vectorafbeeldingen dan met 'ouderwetse' bitmaps zullen gaan werken.

Om dit effect te illustreren zie je hieronder een screenshot van Hardware.Info op een iPad 2 en een iPad 3. Ga met je muis op de afbeeldingen staan op een 1-op-1 uitsnede te krijgen. Je ziet: bij de iPad 3 beslaat de site vier keer zo veel pixels, is de tekst scherper, maar de afbeeldingen, waaronder de navigatie-elementen, zijn dat niet.

iPad 2:

iPad 3:

Ga met je muiscursor over bovenstaande afbeeldingen om een 1-op-1 uitsnede te zien.