Update: Lees onze nieuwe Ultieme gids voor iPhone-resoluties!
Enkele dagen geleden introduceerde Apple de iPhone 6 Plus. De nieuwe iPhone verandert de manier waarop afbeeldingen op het scherm worden weergegeven aanzienlijk. We hebben een infographic gemaakt om dit te verduidelijken.
320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3.5″ 4.7″ 5.5″ iPhone 6 Plus heeft een scherm met een lagere pixelresolutie dan de afbeelding die in de vorige stap is gerenderd.Voordat de afbeelding op het scherm kan worden weergegeven, moet deze worden gedownsampled (verkleind) naar een lagere pixelresolutie. Fysieke pixels In het begin worden de coördinaten van alle tekeningen gespecificeerd in Punten zijn abstracte eenheden, ze hebben alleen zin in deze wiskundige coördinatenruimte.In de oorspronkelijke iPhone kwamen punten perfect overeen met de werkelijke pixels op het scherm, maar dit is niet langer waar. Op punten gebaseerde tekeningen worden omgezet in pixels. Dit proces staat bekend als rasteren. Puntcoördinaten worden vermenigvuldigd met een schaalfactor om pixelcoördinaten te krijgen. Hogere schaalfactoren resulteren in een hogere mate van detail. Typische schaalfactoren zijn 1×, 2× en 3×. Weergegeven pixels De laatste stap is het weergeven van de berekende pixels op het fysieke scherm. Elk scherm heeft pixels-per-inch (PPI) karakteristieken. Dit getal geeft aan hoeveel pixels er in een inch passen en dus hoe groot de pixels in de echte wereld lijken. Fysiek apparaat renderen met 1× downsampling / 1.15 weergeven op apparaat weergeven op apparaat weergeven op apparaat (pixels) (pixels) (pixels) (punten) (pixels) (punten) (punten) Originele iPhone iPhone 6 iPhone 6 Plus 3,5″ 4,7″ 5,5″ 163 PPI 326 PPI 401 PPI punten. renderen met 3× renderen met 2× een iPhone 6 Plus downsampled het gerenderde beeld voordat het op het scherm wordt weergegeven. Fysieke pixels De inhoud wordt wiskundig gedefinieerd met behulp van puntcoördinaten. Punten Inhoud wordt gerenderd naar pixels met behulp van een schaalfactor. Dit proces wordt rasteren genoemd. Rendered Pixels Gerasterde tekeningen worden weergegeven op de fysieke apparaten. Fysiek apparaat render 2× downsampling / 1.15 show on device show on device Originele iPhone iPhone 6 iPhone 6 Plus 3.5″ 4.7″ 5.5″ render 3× render 1× a a
Lijn rendering
Om de verschillende rendering van pixels op diverse apparaten te demonstreren, vergelijken we hoe een 1-punts brede lijn wordt gerenderd op
- Originele iPhone – zonder retina display. De schaalfactor is 1.
- iPhone 5 – met Retina-display, de schaalfactor is 2.
- iPhone 6 Plus – met Retina-display HD. De schaalfactor is 3 en het beeld wordt achteraf gedownscaled van gerenderde 2208 × 1242 pixels naar 1920 × 1080 pixels.
De downscaling ratio is 1920 / 2208 = 1080 / 1242 = 20 / 23. Dat betekent dat elke 23 pixels van de oorspronkelijke render moeten worden omgezet in 20 fysieke pixels. Met andere woorden, het beeld wordt teruggeschaald tot ongeveer 87% van zijn oorspronkelijke grootte.
23 pixels 20 pixels Originele iPhone 3.5″ iPhone 5 4″ iPhone 6 Plus 5.5″ HypothetischPerfect 3× Display ???
