Os melhores tamanhos de pixel para imagens em sites

A primeira consideração é se o seu site requer uma dimensão set em pixels em tudo. Usando percentagens em vez disso, você pode criar um "fluido" layout que re-tamanhos das áreas de conteúdo de forma dinâmica, dependendo do tamanho da janela do navegador do usuário. Quando usado em combinação com enrolando automaticamente o texto, layouts de fluidos pode ser a melhor escolha ao criar um site para resoluções de tela padrão, bem como navegadores móveis. layouts de fluidos são alcançados usando "largura = 100%" na declaração CSS do conteúdo ao invés de "width = 960," por exemplo.

Para criar "fixo" ou layouts estáticos, a largura de seus principais conteúdos divs, invólucros ou tabelas devem caber dentro da janela do navegador do usuário, levando em conta tanto a barra de rolagem e barra de ferramentas do browser. Você também pode querer considerar projetando para a maioria dos visitantes. Em 2014, 99 por cento dos navegadores da Web usam uma resolução de tela de 1024 por 768 pixels ou superior. Isto significa que você pode projetar para 1680-por-1024 pixels, mas é uma boa idéia para procurar um meio termo. 960 pixels de largura e 980 pixels de largura são duas larguras infalíveis usados ​​para exibir o conteúdo confortavelmente no navegador para qualquer um usando uma resolução de 1024 por 768 ou superior. Este sistema também se adapta bem em dispositivos móveis capazes de exibir sites completos. Se ela é muito estreita, 1080 pixels é a próxima melhor largura. Tenha em mente a altura de uma janela do navegador padrão em qualquer resolução a fim de manter a informação mais importante sobre o "dobra," ou o ponto em que o deslocamento é necessária.

Se você quiser que seu site ficar bem em uma variedade de dispositivos móveis, você vai precisar para projetar especificamente para o dispositivo ou criar uma folha de estilo especial que é usado por navegadores móveis para exibir uma versão "móvel" de sua página web. A resolução de 240-320 pixels é um padrão atual para a maioria dos smartphones e dispositivos móveis de internet de pronto, como o iPhone. Recomenda-se usar percentagens ou layouts fluidas aqui, no entanto, como muitos dispositivos suportam tanto o modo retrato e paisagem.

Talvez o melhor sistema para a determinação dimensões do esquema é através do uso de um sistema de rede. Grids calcular regiões perfeitamente equilibrado dentro de uma determinada largura, a fim de fornecer uma orientação para como dimensionar elementos no layout principal ou área de conteúdo. Estes elementos podem incluir caixas promocionais, barras laterais, espaço de anúncios ou parágrafos. Como exemplo, um layout usando uma largura total de 1080 pixels e dividido usando a grade de ouro teria uma esquerda; área para a mão de posts que é 739 pixels de largura e uma barra lateral direita que é de 311 pixels de largura, ambos usando um pixel 10 margem. O resultado final é uma disposição perfeitamente equilibrada e alinhada. Você pode experimentar com diferentes grades, visitando o gerador de sistema de rede (consulte Recursos).