Resolução da página da Web é um grande negócio. Muitos sites que ensinam web design escreveram sobre isso e dependendo de em quem você acredita, você deve criar páginas para o menor denominador comum (640x480), a resolução mais comum (800x600) ou a mais avançada (1280x1024 ou 1024x768). Mas a verdade é que você deve projetar seu site para os clientes que chegam a ele.
Fatos sobre as resoluções de tela
- 640x480 não está morto
- Enquanto 640x480 não é tão comum quanto costumava ser, esta resolução ainda está por aí. Computadores mais antigos, laptops com telas menores, netbooks e pessoas que precisam de fontes maiores usam essa resolução. Mesmo se você optar por não projetar sua página para esta resolução, você deve testar seu site nesta resolução.
- 800x600 é muito comum
- Muitos guias de design de sites recomendam a criação de websites para resolução de 800x600. Embora essa resolução seja mais comum na Web, isso pode não ser o caso de seus clientes. Se você pretende reformular seu website, reserve algumas semanas para analisar as estatísticas de seu navegador para determinar as resoluções mais comuns usadas por seu clientes.
- 1024x768 é muito mais comum
- As telas estão ficando maiores e 1024x768 é o outro tamanho popular para projetar porque muitos designers têm monitores que suportam isso nativamente. Mas esta resolução pode ser bastante difícil de ler para muitas pessoas. Um monitor de laptop de 14 polegadas pode suportar 1024x768, mas o texto é praticamente ilegível. E laptops são muito populares.
- 1280x1024 e maiores são menos comuns
- Na maioria das vezes, você verá essas resoluções maiores em computadores desktop ou laptops de última geração. Mas muitas vezes nesses tamanhos maiores, os clientes não navegam em tela cheia. Portanto, criar um site com mais de 1000 pixels causará barras de rolagem horizontais na maioria das telas.
Mantenha estes petiscos de resolução em mente
- Nem todos maximizam seu navegador
- Se você determinar que seus clientes navegam em 1024x768, você pode estar construindo páginas que exigem rolagem horizontal. Por quê? Porque enquanto eles navegam nessa resolução, eles não maximizam a janela do navegador, de modo que 800 x 600 podem caber melhor na janela do navegador.
- Não se esqueça do cromo do navegador (não do navegador Google Chrome)
- Os navegadores subtraem até 50 pixels à direita e à esquerda e 200 pixels na parte superior e inferior para uso próprio em itens como barras de rolagem, barras de ferramentas e o contêiner da janela. Isso é chamado de Chrome do navegador. Portanto, se você criar uma tabela com 800 pixels de largura, os clientes com navegadores maximizados em telas de resolução 800x600 terão que rolar horizontalmente.
Como lidar com o tamanho da tela com base na resolução
-
Determine quem vê seu site: Revise seus arquivos de registro da web ou crie uma pesquisa ou um script para determinar qual resolução seus leitores realmente usam. Use o script de tamanho do navegador real para rastrear seus leitores.
-
Baseie seus reprojetos nos seus clientes:Ao reformular seu site, crie-o com base nos fatos do seu site. Não o basear em estatísticas da "web" ou o que outros sites dizem. Se você criar um site adequado à resolução usada por seus clientes, ficará muito mais feliz.
-
Teste seu site em várias resoluções:Altere seu próprio tamanho de tela (altere a resolução da tela do Windows ou a resolução de tela do Macintosh) ou use uma ferramenta de teste.
-
Não espere que seus clientes mudem: Eles não vão. E colocar restrições a eles apenas os encoraja a sair.
