Resolução da tela e profundidade de cor em dispositivos portáteis
Se você é novo para a criação de imagens, vídeo e outros arquivos multimídia para a web móvel, compreender os conceitos por trás de termos como profundidade de cor
e resolução pode ajudá-lo como você começar a criar designs de sites móveis. Profundidade de cor refere-se ao número de cores de uma tela pode mostrar, mais geralmente referido pelo número de BITS.Resolução da tela
De mãos dadas com profundidade de cor, resolução da tela afeta a nitidez e imagens realistas aparecer. Como você poderia esperar, as resoluções de tela em dispositivos móveis estão longe de ser tão grande como eles são em computadores desktop ou laptop.
A maioria dos novos monitores LCD ou monitores portáteis têm resoluções de, pelo menos, 1920 x 1080 pixels, e exibe mais caros são ainda maiores.
O iPhone é pequena em comparação. O visor iPhone original (a partir do iPhone 1 ao 3GS) é de 480 x 320 pixels, o que permite jogar a grande maioria dos vídeos no YouTube em uma resolução que os faz parecer razoavelmente nítido na tela, mas não chega perto ao que a maioria dos consumidores esperam 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 assistir a um vídeo sobre o iPad uma experiência agradável. Como você se prepara suas imagens e vídeos, considere as diferentes resoluções de tela do iPhone e iPad.
Pixels por polegada
Outro factor importante é o número de pixels por polegada (ppi) em uma imagem ou um vídeo. A maioria dos monitores de computador exibem imagens em 72 ppi- modelos mais recentes de exibição 92 ppi. O iPad exibe 132 ppi, eo iPhone 4 tem uma resolução de 326 ppi. Lembre-se que quanto mais pixels por polegada, mais detalhe na imagem e quanto melhor ele aparecer.
A razão que o visor do iPhone 4 tem atraído tanto a atenção é que suas imagens são tão nítidas e claras como 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 um display digital.
O pixels por medida (ppi) polegadas é diferente de pontos por polegada (dpi), que é uma forma comum de medir a resolução de impressão, porque a qualidade de impressão é medida em pontos por polegada. Pixels por polegada é usado como uma medida da resolução de um monitor de computador.
Os pesquisadores geralmente concordam que o olho humano pode discernir média, a uma distância de um pé, melhorias na qualidade de até 300 ppi. Isto é, se você aumentar o número de pixels por polegada a uma distância normal de leitura superior a 300 ppi (tal como com display retina do iPhone 4), o olho não consegue detectar qualquer aumento da qualidade.
Em teoria, isso significa que você deve otimizar suas imagens em 300 ppi, mas na prática, que cria tais tamanhos grandes de arquivos que tomariam um proibitivamente longo tempo para baixar, especialmente através de uma conexão móvel.
Pode ser o momento para aumentar o ppi recomendado para gráficos web - que sempre foi 72 ppi porque isso é tudo que alguém iria ver em um monitor de computador de qualquer maneira. Mas estes dias, com resoluções cada vez mais elevados do monitor, você deve aumentar suas imagens para pelo menos 92 ppi e 132 ppi se as imagens são uma parte fundamental do seu web design e você sabe que seus visitantes usam conexões de alta velocidade.