Update: Leia o nosso novo Ultimate Guide To iPhone Resolutions!
Há poucos dias, a Apple introduziu o iPhone 6 Plus. O novo iPhone muda substancialmente a forma como os gráficos são renderizados na tela. Fizemos um infográfico para desmistificar isso.
320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3.5″ 4.7″ 5.5″ O iPhone 6 Plus tem tela com resolução de pixels menor do que a imagem renderizada na etapa anterior.Antes que a imagem possa ser exibida na tela, ela deve ser reduzida (redimensionada) para diminuir a resolução de pixels. Pixels físicos No início, as coordenadas de todos os desenhos são especificadas em Points são unidades abstratas, só fazem sentido neste espaço de coordenadas matemáticas. No iPhone original, os pontos correspondiam perfeitamente aos pixels reais na tela, mas isso não é mais verdade. No iPhone original, os pontos correspondiam perfeitamente aos pixels reais na tela, mas isso não é mais verdade. Este processo é conhecido como rasterização. As coordenadas dos pontos são multiplicadas pelo fator de escala para obter as coordenadas dos pixels. Fatores de escala mais altos resultam em maior nível de detalhe. Os fatores de escala típicos são 1×, 2× e 3×. Pixels Renderizados O último passo é mostrar os pixels computados na tela física. Cada tela tem pixels por polegada (PPI) característica. Este número indica quantos pixels cabem em uma polegada e, portanto, o tamanho dos pixels que aparecem no mundo real. renderização do dispositivo físico a 1× downsampling / 1,15 mostrar no dispositivo mostrar no dispositivo mostrar no dispositivo (pixels) (pixels) (pixels) (pixels) (pontos) (pixels do dispositivo) (pontos) (pontos) iPhone original iPhone 6 iPhone 6 Plus 3,5″ 4,7″ 5,5″ 163 PPI 326 PPI 401 PPI pontos. renderização a 3× renderização a 2× um iPhone 6 Plus downsamples a imagem renderizada antes de mostrá-la na tela. Pixels físicos O conteúdo é definido matematicamente usando coordenadas de pontos. O conteúdo dos pontos é renderizado em pixels usando o fator de escala. Este processo é chamado de rasterização. Pixels Renderizados Os desenhos rasterizados são mostrados nos dispositivos físicos. Renderização de dispositivos físicos 2× downsampling / 1.15 mostrar no dispositivo mostrar no dispositivo mostrar no dispositivo mostrar no dispositivo iPhone Original iPhone 6 iPhone 6 Plus 3.5″ 4.7″ 5.5″ renderizar 3× renderizar 1× a a
Renderização de linha
Para demonstrar a renderização diferente de pixels em vários dispositivos, comparamos como a linha de 1 ponto de largura é renderizada em
- Iphone Original – sem exibição de retina. O factor de escala é 1.
- iPhone 5 – com ecrã Retina, o factor de escala é 2.
- iPhone 6 Plus – com ecrã Retina HD. O factor de escala é 3 e a imagem é depois reduzida de 2208 × 1242 pixels para 1920 × 1080 pixels.
A taxa de redução é 1920 / 2208 = 1080 / 1242 = 20 / 23. Isso significa que cada 23 pixels do renderizador original tem que ser mapeado para 20 pixels físicos. Em outras palavras, a imagem é reduzida para aproximadamente 87% do seu tamanho original.
23 pixels 20 pixels iPhone original 3.5″ iPhone 5 4″ iPhone 6 Plus 5.5″ HypotheticalPerfect 3× Display ???
