A melhor largura para cada resolução

A melhor largura para cada resolução

Uma dúvida que muitas vezes aparece na hora em que inicia-se um novo projeto é qual a melhor largura usar para que o site não tenha aquela indesejável rolagem horizontal. Esta pergunta é claro tem ligação direta com o público-alvo do site e a sua resolução de tela mais comum: geralmente 800×600 ou 1024×768.

Outra questão à respeito de rolagem que não aparece com tanta frequência, mas que pode ser tão relevante quanto a largura do layout, é a sua ‘altura’, ou mais precisamente o posicionamento de elementos importantes acima da área de ‘corte’ da tela do browser, aqueles que ficarão visíveis logo no início da página sem que seja necessário que o usuário ‘role’ o conteúdo. É essencial ter em mente que esta área é a responsável por causar a primeira impressão no usuário com relação ao site, quando trata-se ainda da primeira visita desse usuário a importância do que está ali é ainda maior. É comprovado que conteúdos otimizados visando esse fato tem taxas de convesão até 40% mais altas e melhores taxas de pageviews/visita.

Então segue aqui uma tabela que eu costumo usar na hora de decidir estes dois fatores, largura e altura:

Resolução Largura máx [sem scroll] Altura [visível] Número de usuários atendidos
800×600 760px 420px 86%
1024×768 (recomendado) 960px 550px +79%
1024×768 (máximo) 1002px 600px 79%
1280×1024 1210px 855px 31%

Alguns bons links onde procurar mais informações sobre o assunto:
Jakob Nielsen – Screen Resolution and Page Layout
Screen Resolutions and Better User Experience – Smashing Magazine
Methodologie Browser Size Test

Você gostou deste post?






Posts Populares


  • http://www.yalp.com.br Yuri

    Bacana o post Dom; você tem esses dados para 1440×900?

    []’s

  • http://www.s4bdigital.net Mauricio

    GRANDE DOMÊNICO, cada dia que passa tem posts melhores a cada dia!
    Parabéns, você é um grande exemplo! Seu blog é muito bom amigão!

  • http://www.toprated.com.br Dom

    Oi Yuri, tudo bem?

    Cara, não sei te dizer qual seria a largura máxima ideal para 1140×900.. Na verdade, eu nunca pensei em fazer um site especificamente pra essa resolução já que, pelos últimos dados que tenho aqui, ela rsponde por apenas 4.32% do total de usuários.
    Mas se você encontrar alguma coisa, por favor, m envie. É sempre bom saber.

    Abraço!

  • http://www.toprated.com.br Dom

    ôpa Maurício!
    Muito obrigado!! Bem legal saber que, por incrível que pareça, alguém se dê ao trabalho de acompanhar o que coloco aqui. Ainda mais quando é um amigo tão bacana!
    Valeu!!

  • http://rjspmg.vilabol.uol.com.br Sandro Rocha

    Blz Amigão? Seu blog é show estava pesquisando no google sobre resoluções de site e parei aqui desde então salvei nos favoritos para acompanhar queria uma dica sua e dos amigos que frequenta o blog,queria a dica de um programa que fosse igual ao frontpage já que uso ele muito bem,mais infelismente foi descontinuado pela microsoft,queria um programa parecido e em português se possivel manda ai essa dica veleu!!!

  • Helam Moreira

    Olá Dom, seu blog esta muitooo bom cara, eu estou aprendendo webdesign, ainda só sei o básico, mas pretendo me especializar. E seu blog esta me ajudando mto. Nem todos gostam de passar conhecimento, e vc faz isso. Parabens. Flw.!!

  • Edivaldo

    Olá DOM.
    Percebi que você domina bem. Parabéns pelos trabalhos.
    Gostaria de sanar uma dúvida, se possível. Quando que faço um folder e um um texto junto com imagens, ao mandar a imagem no email (não como arquivo anexo), as letras aparecem sem um boa resolução. Como fazer com que também o texto aparece nesse folder com uma boa resolução.
    Obrigado… Edivaldo

  • Pingback: largura x altura = melhor resolução de tela |

  • Anonimo

    Muito obrigado pela informação,
    vou ficar entre o recomendado e o máximo 980px

  • Pingback: A melhor largura para cada resolução | Mayron Cachina

  • http://Seuwebsite Priscilla

    Muito bom esse post! Realmente é uma necessidade estudar a resolução dos layouts de internet. O tamanho pode ser um grande aliado no layout como também um grande vilão.

    Parabéns pelo blog!

  • http://www.skywebsites.totalsfree.com Guilherme

    Olha acho que fica mais em conta fazer para 1024×768 pois o pessoal que usa 800×600 é computador que nem internet não tem ou é empresa =x

  • http://Emcriação Laudemir

    Olá Domênico! Gostaria de saber se vc pode me ajudar nesta fase inicial, por gentileza manda seu e-mail, quem sabe vc turbina meu site? Parabéns… desistir jamais…

  • Pingback: Melhor resolução de tela | yalp

  • http://www.facebook.com/profile.php?id=100002646141706 CanSama Crowley

    Bem eu smpre uso 900px no width mas eu axo q agora vou começar a usar 960px pois ele atende as mionhas necessidades

  • fernando

    960 ta otimo no momento 

    bom post

  • http://www.facebook.com/profile.php?id=100000510241780 Paulo Marques

    1400*1050 (60hz) ou então 1184×845 (75hz)

  • Pingback: A melhor largura para cada resolução – Top rated never dies » Web Design

  • Thalita Aranda Ferreira

    Queria esses dados para 1366×768, vc tem?

  • monique

    Onde eu trabalho sempre enviamos e-mail mkt com 600px de largura, mas a qualidade fica ruim, os textos ficam pouco legiveis. Como eu resolvo isso mantendo a largura em 600px?