Divitae Divitae Divitae
1 2 3

Resolução de tela, navegadores e monitores: qual o melhor modo de visualizar seu blog?

no dia 10 de maio de 2013


De vez em quando eu recebo perguntas sobre temas que parecem diferentes mas que no fundo estão interligados:
1- Qual o melhor navegador para visualizar um blog?
2- Qual navegador você usa?
3- Qual você mais gosta? Por que?
4- Qual o melhor tamanho de monitor?
5- Por que meu blog está desconfigurado no pc do meu amigo?
6- Quero que meu blog ocupe a tela toda, qual largura eu coloco?
7- Qual a largura ideal para um blog ser bem visualizado?

E por aí vai...
De tanto receber essas perguntas eu resolvi falar um pouco sobre o assunto.

Para começar, a questão dos navegadores. Existem vários no mercado, eu uso os principais:
  1. Internet Explorer: quem usa o sistema operacional Windows recebe junto com a instalação do sistema o navegador padrão da Microsoft, que é o Internet Explorer;
  2. Chrome: é o navegador padrão do Google;
  3. Firefox: desenvolvido pela Mozzila;
  4. Safari: o navegador padrão da Apple. Pode ser baixado para Windows.
Existem outros, como por exemplo o Opera e o Ubuntu, do sistema operacional Linux. E também há as versões Mobile. Ou seja, uma infinidade.
Como eu disse, uso os 4 principais pois cada template que personalizo precisa ser visto sem erros em cada um deles. E isso às vezes é uma imensa dor de cabeça.
Explico:
Cada navegador tem suas peculiaridades, e nem sempre o template lindo que é visualizado perfeitamente no Chrome e no Firefox é bonito e sem erros no Explorer.
Aliás o Internet Explorer é o maiso problema de quem desenvolve templates para blog pois pouca coisa funciona sem erros nele. Mas como ainda é muito usado temos que fazer funcionar.

Qual o melhor navegador para visualizar um blog?

Eu, pessoalmente, creio que os melhores sejam o Chrome, o Safari e o Firefox. Eles suportam sombras, transparências, bordas arredondadas sem erros, entre outras coisas. Para quem não consegue se adaptar fora do Explorer fica a dica: experimente o Safari. Ele é bem parecido com o Explorer mas suporta o que há de mais moderno em termos de HTML e CSS.


Porém, na visualização de um blog mais importante do que o navegador é a resolução de tela.
Você sabe qual sua resolução de tela?
Para descobrir faça assim:
Minimize todas as abas e janelas abertas em seu pc/notebook. A seguir clique com o botão direito do mouse sobre uma área vazia de sua área de trabalho.
Vai abrir uma janela assim:

Clique em Resolução de tela. Abrirá esta janela:


Quanto mais baixa, maior a página aparecerá; quanto mais alta menor a página será.
Vou mostrar com exemplos.
Fiz 3 vídeos curtinhos para te mostrar na prática a diferença entre resoluções de tela na visualização do mesmo blog, no mesmo navegador.

Assista aos vídeos e veja a diferença.

Resolução de tela mais baixa:

Com participação especial da minha cachorrinha, latindo descontroladamente...

Resolução de tela mais alta:


Minha resolução de tela:

Qual a melhor resolução para visualizar blogs?

Como você viu eu uso uma resolução de tela que permite visualizar o blog da melhor maneira, sem excessos de tamanho e sem sobras nas laterais.
Faça a experiência: defina sua resolução de tela em 1024px por 768px.
Essa diferença não é tão grande nos grandes sites; eles serão sempre vistos mais ou menos da mesma forma seja qual for a sua resolução de tela  porque eles têm uma programação específica e especial, o que não acontece com os blogs. O site da Globo, por exemplo, é visualizado perfeitamente em 1024 por 768. Já o Facebook não muda, apenas o tamanho da fonte é diferente.


Qual a largura ideal para um blog?

Pela minha experiência eu sempre digo que a largura total de um template não deve ultrapassar 1030px, sendo que o ideal é 1000px.
Se ficar muito abaixo disso, como os 850px do antigo template do Blogger Mínima, sobrará lateral demais e o blog será muito estreito.
Se colocar em 1200px, por exemplo, o blog não será visualizado inteiro na tela.

E isso independe do tamanho de seu monitor.
Seja ele, seu monitor, uma tela de 22 polegadas como é o meu, ou uma tela de 15 polegadas como é a tela do notebook do meu marido eu vejo meu blog exatamente da mesma forma, ocupando a tela toda.
Repito: a visualização de um blog varia de acordo com a resolução de tela e não com o tamanho do monitor.

Dicas para que seu blog seja sempre bem visualizado

  1. Teste-o em todos os principais navegadores. Não adianta ele ser lindo em um e aparecer desconfigurado no outro. Instale todos os navegadores em seu pc, assim sempre poderá checar;
  2.  Mantenha a largura total dele abaixo de 1030px. Assim seu leitor verá seu blog inteiro na tela, em quase todas as resoluções (menos as muito baixas, de 800x600);
  3. Cores também variam, de monitor para monitor. Tente usar sempre cores seguras, cujo matiz varia pouco. Aqui tem uma tabela de cores seguras;
  4. Centralize seu cabeçalho (aprenda aqui como fazer: Como centralizar o cabeçalho do blog);
  5.  Use fontes de bom tamanho (na resolução que uso meu texto é escrito em 15px, fonte Arial);
  6. Evite cores claras demais no texto. Prefira tons bem constrastantes, como cinza escuro, cinza médio ou preto sobre fundo claro ou vice-versa caso seu blog tenha área de postagem escura. Evite cores fluorescentes;
  7. Evite uso de capslock em todo o texto. Além de ser visualmente inadequado tem outro motivo, muito importante: os robots dos mecanismos de pesquisa não reconhecem capslock e isso pode comprometer, e muito, a indexação de seu blog. Letra maiúscula só onde é correto gramaticalmente. Avisualização de seu blog fica bem mais bonita.

Agora os links seguros que eu usei para baixar os navegadores:
Chrome
Firefox
Opera
Safari
Internet Explorer

Gostou?
Então compartilhe!
Eu fico feliz e gradecida...

http://www.tupperwarecia.com.br/
Comente com sua conta Blogger
Comente com sua conta Google+

10 comentários:

  1. Caraca, você explica com tanta facilidade que até eu que só entendo de "butão" de maquina de lavar e fogão consigo entender.
    Hoje pra fazer uma pequena mudança no blog quebrei a cabeça, horas de pesquisa e uma enorme dificuldade para entender ...
    Todo mundo deveria ser como você e se fazer compreender de maneira simples :)
    Sou sua fã !
    Bjins

    ResponderExcluir
  2. Perfeito! Pinterestei, tuitei e feicibuquei, porque achei superútil. Bjs http://pinterest.com/pin/246994360786387182/

    ResponderExcluir
  3. Ô muié danada de inteligente, estudiosa e sabida rsrsr
    Entendi tudo direitinho e vou passar para Husband também.
    Beijos querida.

    ResponderExcluir
  4. Maravilha de dicas e tudo bem esxplicadinho!

    E sabes o que acontece hoje?

    Entro em um monte de blogs de amigas..Eles aparecem e logo somem, ficando a tela com vários links da OPROMO.COM.. Nunca vi isso! Vai ter griteira geral, até dei teu email pra Severa Cabral que pediu ajuda! beijos,chica

    ResponderExcluir
  5. Bom dia Elaine!
    Dicas preciosas, obrigada por compartilhar!

    Beijos, ótimo fds e sucessos sempre!

    ResponderExcluir
  6. Ótimas dicas, Elaine! Antes eu só usava o Internet Explorer, mas travava mt e em vários blogs que eu entrava dava erro até que um dia vc me deu a dica para mudar o navegador. Desde então passei a usar o Firefox e não tive mais problemas! Já usei tbm o Chrome, mas não consegui me adaptar, sem falar que eu não conseguia acessar o hotmail com ele, não sei porque, dps de mts tentativas frustradas, larguei mão! Hj uso o Firefox e estou bem satisfeita.
    O que a Chica disse é verdade! Em alguns blogs que entrei hj abriu uma página da Opromo.com, não entendi nada! O que será isso???
    Ótimo fds pra vc! :)
    Bjssss
    www.viveraprendendo.com

    ResponderExcluir
  7. gostei do teu blog,
    se quiseres seguir-me te espero :) bjinho
    http://behindthisgril.blogspot.com

    ResponderExcluir
  8. Oi Elaine!

    Como sempre, ótimas dicas!
    Eu sei que você sempre me diz que tenho que perder o medo e "fuçar", mas eu já acho que faço até muito! rsrs
    Esse lance de tela me esclareceu uma coisa: no meu desktop o template fica certinho já no notebook ele parece estar "emendado", deve ser por isso, o tamanho de tela. Vou até "tentar" dar uma olhada. (se eu conseguir coragem,rsrs)

    Beijos, Renata
    palpitandoemtudo

    ResponderExcluir
  9. Todos deveriam compartilhar as experiências que têm com blogs,como você, mas infelizmente, muitas pessoas guardam os conhecimentos, para sí.

    ResponderExcluir
  10. Acho que não tem navegador melhor que o Chrome. O IEca é algo que deveria ser banido da face da Terra, ele é muito ruim.

    Ótimas dicas, ótimo post, abraço!

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.


Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…

Marcadores

Arquivo

Visualizações

Siga o blog no BlogLovin

Follow on Bloglovin
Follow on Bloglovin

Contando...

Dias online
Postagens
comentários

Agregadores



GeraLinks - Agregador de links Google +