Uppdatering: Läs vår nya ultimata guide till iPhone-upplösningar!
För några dagar sedan presenterade Apple iPhone 6 Plus. Den nya iPhone ändrar väsentligt det sätt på vilket grafik återges på skärmen. Vi har gjort en infografik för att avmystifiera detta.
320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3,5″ 4,7″ 5,5″ iPhone 6 Plus har en skärm med lägre pixelupplösning än den bild som renderades i föregående steg. Innan bilden kan visas på skärmen måste den downsamplas (omskalas) till lägre pixelupplösning. Fysiska pixlar I början anges koordinaterna för alla ritningar i Punkter är abstrakta enheter, de är bara meningsfulla i detta matematiska koordinatrum. i den ursprungliga iPhone motsvarade punkterna perfekt de faktiska pixlarna på skärmen, men detta är inte längre sant. Punkter Punktbaserade ritningar återges till pixlar. Denna process kallas rasterisering.Punktkoordinater multipliceras med skalfaktorn för att få fram pixelkoordinater. Högre skalfaktorer ger en högre detaljnivå. typiska skalfaktorer är 1×, 2× och 3×. Renderade pixlar Det sista steget är att visa de beräknade pixlarna på den fysiska skärmen.Varje skärm har en PPI-egenskap (pixlar per tum). Detta tal anger hur många pixlar som ryms på en tum och därmed hur stora pixlarna ser ut i den verkliga världen. Fysisk enhet rendering vid 1× nedskalning / 1,15 visa på enhet visa på enhet visa på enhet visa på enhet visa på enhet (pixlar) (pixlar) (pixlar) (pixlar) (punkter) (enheter pixlar) (punkter) (punkter) (punkter) Original iPhone iPhone iPhone 6 iPhone 6 Plus 3,5″ 4,7″ 5,5″ 163 PPI 326 PPI 401 PPI punkter. rendering vid 3× rendering vid 2× en iPhone 6 Plus nedskalar den renderade bilden innan den visas på skärmen. Fysiska pixlar Innehållet definieras matematiskt med hjälp av punktkoordinater. Punkter Innehållet renderas till pixlar med hjälp av skalfaktorn. Den här processen kallas rasterisering. Renderade pixlar Rasteriserade ritningar visas på de fysiska enheterna. Fysisk enhet rendering 2× downsampling / 1,15 visa på enhet visa på enhet visa på enhet visa på enhet Original iPhone iPhone iPhone 6 iPhone 6 Plus 3,5″ 4,7″ 5,5″ rendering 3× rendering 1× a a a
Rendering av linjer
För att demonstrera olika rendering av pixlar på olika enheter jämför vi hur en 1-punkts bred linje renderas på
- Original iPhone – utan retinaskärm. Skalningsfaktorn är 1.
- iPhone 5 – med retinaskärm, skalningsfaktorn är 2.
- iPhone 6 Plus – med retinaskärm HD. Skalningsfaktorn är 3 och bilden nedskalas i efterhand från renderade 2208 × 1242 pixlar till 1920 × 1080 pixlar.
Det nedskalade förhållandet är 1920 / 2208 = 1080 / 1242 = 20 / 23. Det innebär att varje 23 pixlar från den ursprungliga renderingen måste mappas till 20 fysiska pixlar. Med andra ord skalas bilden ner till ungefär 87 % av sin ursprungliga storlek.
23 pixlar 20 pixlar Original iPhone 3,5″ iPhone 5 4″ iPhone 6 Plus 5,5″ HypotetiskPerfekt 3× Display ?????
