Aggiornamento: Leggi la nostra nuova Guida definitiva alle risoluzioni dell’iPhone!
Pochi giorni fa, Apple ha introdotto l’iPhone 6 Plus. Il nuovo iPhone cambia sostanzialmente il modo in cui la grafica viene resa sullo schermo. Abbiamo fatto un’infografica per demistificare questo.
320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3.5″ 4.7″ 5.5″ iPhone 6 Plus ha uno schermo con una risoluzione di pixel inferiore a quella dell’immagine renderizzata nella fase precedente.Prima che l’immagine possa essere visualizzata sullo schermo, deve essere downsampled (ridimensionata) alla risoluzione di pixel inferiore. Pixel fisici All’inizio, le coordinate di tutti i disegni sono specificate in I punti sono unità astratte, hanno senso solo in questo spazio di coordinate matematiche.Nell’iPhone originale, i punti corrispondevano perfettamente ai pixel reali sullo schermo, ma questo non è più vero. I disegni basati su punti sono resi in pixel. Questo processo è noto come rasterizzazione: le coordinate dei punti vengono moltiplicate per un fattore di scala per ottenere le coordinate dei pixel. Fattori di scala più alti risultano in un più alto livello di dettaglio; i fattori di scala tipici sono 1×, 2× e 3×. Pixel renderizzati L’ultimo passo è quello di mostrare i pixel calcolati sullo schermo fisico.Ogni schermo ha la caratteristica dei pixel per pollice (PPI). Questo numero ti dice quanti pixel stanno in un pollice e quindi quanto grandi appaiono i pixel nel mondo reale. Dispositivo fisico Rendering a 1× downsampling / 1.15 mostra sul dispositivo mostra sul dispositivo mostra sul dispositivo mostra sul dispositivo (pixel) (pixel) (pixel) (punti) (pixel del dispositivo) (punti) (punti) iPhone originale iPhone 6 iPhone 6 Plus 3.5″ 4.7″ 5.5″ 163 PPI 326 PPI 401 PPI punti. render a 3× render a 2× un iPhone 6 Plus downsampiona l’immagine renderizzata prima di visualizzarla sullo schermo. Pixel fisici Il contenuto è definito matematicamente utilizzando le coordinate dei punti. Punti Il contenuto è reso in pixel usando un fattore di scala. Questo processo è chiamato rasterizzazione. Pixel rasterizzati I disegni rasterizzati vengono visualizzati sui dispositivi fisici. Dispositivo fisico render 2× downsampling / 1.15 mostra sul dispositivo mostra sul dispositivo mostra sul dispositivo iPhone originale iPhone 6 iPhone 6 Plus 3.5″ 4.7″ 5.5″ render 3× render 1× a a
Rendering della linea
Per dimostrare il diverso rendering dei pixel sui vari dispositivi, confrontiamo come una linea larga 1 punto viene resa su
- iPhone originale – senza retina display. Il fattore di scala è 1.
- iPhone 5 – con display Retina, il fattore di scala è 2.
- iPhone 6 Plus – con display Retina HD. Il fattore di scala è 3 e l’immagine viene poi ridimensionata dal rendering di 2208 × 1242 pixel a 1920 × 1080 pixel.
Il rapporto di downscaling è 1920 / 2208 = 1080 / 1242 = 20 / 23. Ciò significa che ogni 23 pixel del render originale devono essere mappati in 20 pixel fisici. In altre parole l’immagine è ridimensionata a circa l’87% della sua dimensione originale.
23 pixel 20 pixel iPhone originale 3.5″ iPhone 5 4″ iPhone 6 Plus 5.5″ IpoteticoPerfetto Display 3×?
