Resolução de tela e profundidade de cor em dispositivos manuais - manequins

Se você é novo na criação de imagens, vídeos e outros multimídia para a web móvel, entendendo os conceitos por trás de termos como profundidade de cores e resolução > pode ajudá-lo enquanto você começa a criar projetos de sites móveis. A profundidade de cor refere-se ao número de cores que uma tela pode exibir, mais comumente referida pelo número de bits . Resolução da tela

De mãos dadas com a profundidade de cores, a resolução da tela afeta a aparência de imagens nítidas e reais. Como você pode esperar, as resoluções de tela em dispositivos móveis não chegam a lugares tão grandes quanto em computadores de mesa ou laptop.

A maioria dos novos monitores LCD ou monitores de laptop têm resoluções de pelo menos 1920 x 1080 pixels, e os displays mais caros são ainda maiores.

O iPhone é pequeno em comparação. A exibição original do iPhone (do iPhone 1 ao 3GS) é de 480 x 320 pixels, o que lhe permite reproduzir a grande maioria dos vídeos no YouTube em uma resolução que os faz parecer razoavelmente nítidos na tela, mas não se aproximam para o que a maioria dos consumidores espera de uma tela de televisão.

Em contraste, o iPad oferece uma tela de alta resolução que é 1024 x 768, mais do que suficiente para fazer com que o vídeo de exibição no iPad seja uma experiência agradável. Ao preparar suas imagens e vídeos, considere as diferentes resoluções de tela do iPhone e do iPad.

Pixels por polegada

Outro fator importante é o número de pixels por polegada (ppi) em uma imagem ou um vídeo. A maioria dos monitores de computador exibe imagens a 72 ppp; Os modelos mais recentes exibem 92 ppi. O iPad apresenta 132 ppp e o iPhone 4 tem uma resolução de 326 ppi. Lembre-se de que quanto mais pixels por polegada, mais detalhes na imagem e melhor aparece.

O motivo pelo qual a tela no iPhone 4 ganhou tanta atenção é que suas imagens são tão nítidas e afiadas quanto o olho humano pode detectar. Uma imagem de alta resolução em uma tela de iPhone provavelmente parece melhor do que a maioria das outras imagens que você já viu em uma tela digital.

A medição de pixels por polegada (ppi) é diferente de pontos por polegada (dpi), que é uma maneira comum de medir a resolução da impressão, porque a qualidade da impressora é medida em pontos por polegada. Pixels por polegada são usados ​​como uma medida da resolução de uma exibição de computador.

Os pesquisadores geralmente concordam que o olho humano médio pode discernir, a uma distância de um pé, melhorias na qualidade em até 300 ppp. Ou seja, se você aumentar o número de pixels por polegada a uma distância de leitura normal superior a 300 ppp (como na tela retina do iPhone 4), o olho não pode detectar qualquer aumento de qualidade.

Em teoria, isso significa que você deve otimizar suas imagens em 300 ppi, mas, na prática, que cria tamanhos de arquivo tão grandes, eles terão um tempo proibitivamente longo para baixar, especialmente em uma conexão móvel.

Pode ser hora de aumentar o ppi recomendado para gráficos da web - sempre foi 72 ppi porque isso é tudo que alguém veria em um monitor de computador de qualquer maneira. Mas estes dias, com resoluções de monitoramento cada vez maiores, você deve aumentar suas imagens para pelo menos 92 ppp e 132 ppp se as imagens forem parte fundamental do seu web design e você sabe que seus visitantes usam conexões de alta velocidade.