Frissítve:
Pár nappal ezelőtt az Apple bemutatta az iPhone 6 Plus készüléket. Az új iPhone jelentősen megváltoztatja a grafika megjelenítésének módját a képernyőn. Ennek demisztifikálására készítettünk egy infografikát.
320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3,5″ 4,7″ 5,5″ Az iPhone 6 Plus képernyője alacsonyabb pixelfelbontású, mint az előző lépésben renderelt kép.Mielőtt a kép megjeleníthető lenne a képernyőn, le kell kicsinyíteni (átméretezni) az alacsonyabb pixelfelbontásra. Fizikai pixelek Kezdetben minden rajz koordinátáit pontokban adtuk meg A pontok absztrakt egységek, csak ebben a matematikai koordináta-térben van értelmük.Az eredeti iPhone-ban a pontok tökéletesen megfeleltek a képernyőn megjelenő tényleges pixeleknek, de ez már nem igaz. Pontok A pontalapú rajzokat pixelekké renderelik. Ezt a folyamatot raszterizálásnak nevezik. a pontkoordinátákat megszorozzuk a méretaránytényezővel, így kapjuk meg a pixelkoordinátákat. A nagyobb méretaránytényezők nagyobb részletességet eredményeznek.A tipikus méretaránytényezők az 1×, 2× és 3×. Renderelt pixelek Az utolsó lépés a kiszámított pixelek megjelenítése a fizikai képernyőn.Minden képernyőnek van pixel per hüvelyk (PPI) jellemzője. Ez a szám megadja, hogy hány pixel fér el egy hüvelykben, és így mekkorának tűnnek a pixelek a valóságban. Fizikai eszköz renderelés 1× lemintavételezéssel / 1,15 megjelenítés a készüléken megjelenítés a készüléken megjelenítés a készüléken megjelenítés a készüléken (pixelek) (pixelek) (pixelek) (pontok) (pontok) (pontok) (pontok) Eredeti iPhone iPhone 6 iPhone 6 Plus 3,5″ 4,7″ 5,5″ 163 PPI 326 PPI 401 PPI pontok. renderelés 3× renderelés 2× egy iPhone 6 Plus lemintavételezi a renderelt képet, mielőtt megjeleníti a képernyőn. Fizikai pixelek A tartalom matematikai meghatározása pontkoordináták segítségével történik. Pontok A tartalom renderelése pixelekre történik a méretezési tényező használatával. Ezt a folyamatot raszterizálásnak nevezzük. Renderelt pixelek A raszterizált rajzok megjelennek a fizikai eszközökön. Fizikai eszköz renderelés 2× lemintavételezés / 1,15 megjelenítés az eszközön megjelenítés az eszközön megjelenítés az eszközön megjelenítés az eszközön Eredeti iPhone iPhone 6 iPhone 6 Plus 3,5″ 4,7″ 5,5″ renderelés 3× renderelés 1× a a
Vonal renderelés
A pixelek különböző eszközökön történő eltérő renderelésének bemutatásához összehasonlítjuk, hogy az 1 pont széles vonal hogyan renderelődik
- Eredeti iPhone – retina kijelző nélkül. A méretezési tényező 1.
- iPhone 5 – Retina kijelzővel, a méretezési tényező 2.
- iPhone 6 Plus – Retina kijelzővel HD. A méretezési tényező 3, és a képet ezt követően a renderelt 2208 × 1242 pixelről 1920 × 1080 pixelre kicsinyítik le.
A lekicsinyítési arány 1920 / 2208 = 1080 / 1242 = 20 / 23. Ez azt jelenti, hogy az eredeti renderelés minden 23 pixelét 20 fizikai pixelre kell leképezni. Más szóval a képet az eredeti méretének körülbelül 87%-ára méretezik le.
23 pixel 20 pixel Eredeti iPhone 3,5″ iPhone 5 4″ iPhone 6 Plus 5,5″ HipotetikusTökéletes 3× kijelző ???
