Update: Citiți noul nostru Ghid suprem pentru rezoluțiile iPhone!
Cu câteva zile în urmă, Apple a prezentat iPhone 6 Plus. Noul iPhone schimbă substanțial modul în care grafica este redată pe ecran. Am realizat un infografic pentru a demistifica acest lucru.
320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3.5″ 4.7″ 5.5″ iPhone 6 Plus are un ecran cu o rezoluție în pixeli mai mică decât imaginea redată în etapa anterioară.Înainte ca imaginea să poată fi afișată pe ecran, aceasta trebuie să fie micșorată (redimensionată) la o rezoluție în pixeli mai mică. Pixeli fizici La început, coordonatele tuturor desenelor sunt specificate în Punctele sunt unități abstracte, ele au sens doar în acest spațiu de coordonate matematice. în iPhone-ul original, punctele corespundeau perfect pixelilor reali de pe ecran, dar acest lucru nu mai este adevărat. Puncte Desenele bazate pe puncte sunt redate în pixeli. Acest proces este cunoscut sub numele de rasterizare.Coordonatele punctelor sunt înmulțite cu factorul de scară pentru a obține coordonatele pixelilor. Factorii de scară mai mari au ca rezultat un nivel de detaliu mai ridicat.Factorii de scară tipici sunt 1×, 2× și 3×. Pixelii redate Ultima etapă constă în afișarea pixelilor calculați pe ecranul fizic.Fiecare ecran are o caracteristică de pixeli pe inch (PPI). Acest număr vă spune câți pixeli încap într-un inch și, prin urmare, cât de mari apar pixelii în lumea reală. Dispozitiv fizic render la 1× downsampling / 1.15 arată pe dispozitiv arată pe dispozitiv arată pe dispozitiv arată pe dispozitiv (pixeli) (pixeli) (pixeli) (pixeli) (puncte) (puncte) (puncte) (puncte) Original iPhone iPhone 6 iPhone 6 Plus 3.5″ 4.7″ 5.5″ 163 PPI 326 PPI 401 PPI puncte. render la 3× render la 2× render la 2× un iPhone 6 Plus downsamplează imaginea redată înainte de a o afișa pe ecran. Pixeli fizici Conținutul este definit matematic cu ajutorul coordonatelor punctuale. Puncte Conținutul este redat în pixeli utilizând un factor de scară. Acest proces se numește rasterizare. Pixeli redate Desenele rasterizate sunt afișate pe dispozitivele fizice. Dispozitiv fizic randare 2× downsampling / 1.15 afișare pe dispozitiv afișare pe dispozitiv afișare pe dispozitiv afișare pe dispozitiv Original iPhone iPhone 6 iPhone 6 Plus 3.5″ 4.7″ 5.5″ randare 3× randare 1× a a a
Rendare linie
Pentru a demonstra redarea diferită a pixelilor pe diverse dispozitive, comparăm modul în care este redată linia lată de 1 punct pe
- Original iPhone – fără ecran retina. Factorul de scalare este 1,
- iPhone 5 – cu ecran Retina, factorul de scalare este 2,
- iPhone 6 Plus – cu ecran Retina HD. Factorul de scalare este 3, iar imaginea este ulterior redimensionată de la 2208 × 1242 pixeli redate la 1920 × 1080 pixeli.
Raportul de downscaling este 1920 / 2208 = 1080 / 1242 = 20 / 23. Asta înseamnă că fiecare 23 de pixeli din randarea originală trebuie să fie mapat la 20 de pixeli fizici. Cu alte cuvinte, imaginea este redimensionată la aproximativ 87% din dimensiunea sa originală.
23 pixeli 20 pixeli Original iPhone 3.5″ iPhone 5 4″ iPhone 6 Plus 5.5″ IpoteticPerfect 3× Display?
Introducerea PaintCode 3. Următoarea generație a instrumentului nostru pentru crearea de desene independente de rezoluție.