Aktualizace:
Před několika dny Apple představil iPhone 6 Plus. Nový iPhone podstatně mění způsob vykreslování grafiky na obrazovce. Připravili jsme pro vás infografiku, která tuto problematiku demytizuje.
320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3,5″ 4,7″ 5,5″ iPhone 6 Plus má obrazovku s nižším rozlišením pixelů než obrázek vykreslený v předchozím kroku. než se obrázek zobrazí na obrazovce, musí se zmenšit (zmenšit) na nižší rozlišení pixelů. Fyzické pixely Na začátku jsou souřadnice všech kreseb zadány v bodech Body jsou abstraktní jednotky, mají smysl pouze v tomto matematickém souřadnicovém prostoru. v původním iPhonu body dokonale odpovídaly skutečným pixelům na obrazovce, ale to už dnes neplatí. Body Kresby založené na bodech se vykreslují do pixelů. Tento proces se nazývá rasterizace. souřadnice bodů se vynásobí měřítkovým faktorem a získají se souřadnice pixelů. Vyšší měřítkové faktory vedou k vyšší úrovni detailů. typické měřítkové faktory jsou 1×, 2× a 3×. Renderované pixely Posledním krokem je zobrazení vypočtených pixelů na fyzické obrazovce. každá obrazovka má charakteristiku pixelů na palec (PPI). Toto číslo udává, kolik pixelů se vejde do jednoho palce, a tedy jak velké se pixely jeví v reálném světě. Fyzické zařízení vykreslit při 1× snížení rozlišení / 1,15 zobrazit na zařízení zobrazit na zařízení zobrazit na zařízení zobrazit na zařízení (pixely) (pixely) (pixely) (body) (pixely zařízení) (body) (body) Původní iPhone iPhone 6 iPhone 6 Plus 3,5″ 4,7″ 5,5″ 163 PPI 326 PPI 401 PPI bodů. vykreslit při 3× vykreslit při 2× a iPhone 6 Plus před zobrazením na obrazovce sníží rozlišení vykresleného obrazu. Fyzické pixely Obsah je definován matematicky pomocí souřadnic bodů. Body Obsah je vykreslen do pixelů pomocí měřítkového faktoru. Tento proces se nazývá rasterizace. Renderované pixely Rasterizované kresby se zobrazují na fyzických zařízeních. Fyzické zařízení vykreslení 2× zmenšení / 1,15 zobrazit na zařízení zobrazit na zařízení zobrazit na zařízení Původní iPhone iPhone 6 iPhone 6 Plus 3,5″ 4,7″ 5,5″ vykreslení 3× vykreslení 1× a a
Vykreslení čáry
Pro demonstraci rozdílného vykreslení pixelů na různých zařízeních porovnáme, jak je vykreslena 1 bod široká čára na
- Původní iPhone – bez displeje Retina. Faktor škálování je 1,
- iPhone 5 – s displejem Retina, faktor škálování je 2,
- iPhone 6 Plus – s displejem Retina HD. Faktor škálování je 3 a obraz je následně zmenšen z vykreslených 2208 × 1242 pixelů na 1920 × 1080 pixelů.
Poměr zmenšení je 1920 / 2208 = 1080 / 1242 = 20 / 23. V tomto případě je poměr zmenšení 1920 / 2208 = 1080 / 1242. To znamená, že každých 23 pixelů z původního vykreslení musí být namapováno na 20 fyzických pixelů. Jinými slovy, obraz je zmenšen přibližně na 87 % své původní velikosti.
23 pixelů 20 pixelů Původní iPhone 3,5″ iPhone 5 4″ iPhone 6 Plus 5,5″ HypotetickýPerfektní 3× displej ???
Představujeme PaintCode 3. Další generace našeho nástroje pro tvorbu výkresů nezávislých na rozlišení.
.