Problemas com Imagens Distorcidas no Título do Blogger

Colocar uma imagem no lugar do título do blog é algo bem simples de fazer você só precisa entrar na pagina designer e clicar para enviar a imagem para o blogger, porém algumas vezes a imagem fica distorcida ou perde qualidade em relação à imagem que você tinha no seu computador. Então vamos falar um pouco sobre como usar uma imagem no cabeçalho do blog.

O primeiro passo é ter a imagem que deseja usar, então caso precisa de ajuda para fazer ou editar uma imagem aqui tem algumas dicas de programas e sites para criar ou editar imagens online:

Como Fazer Imagens e Banners Online

Como fazer um banner

Programas Gratuitos para Edição de Imagens

Enquete:Qual o Melhor Programa para editar imagem ou fotos grátis?

Mas antes de criar sua imagem veja a tela abaixo, ela mostra a pagina por onde você enviará a imagem.

imagem no titulo do blogger
O trecho destacado diz: A imagem será reduzida para 760 pixels de largura. No seu blog o valor 760 poderá ser diferente isso varia conforme a largura do seu blog ou se o cabeçalho está dividido em colunas, mas o importante é esclarece que se marcar essa opção o blogspot vai ajustar a largura da imagem ao seu blog, portanto o ideal seria que sua imagem tivesse uma largura pouca coisa menor que essa (750, por exemplo) e você não marque a opção para ajustar, assim a imagem não será modificada pelo blogger.

Mais dicas sobre criação de imagens para blogs:

Criar Imagens Animadas com Textos - Gerador de Gifs Animados

Download de Icones para Redes Sociais (Twitter, Facebook, Orkut)

Resumindo: se a imagem que enviar for muito grande ou muito pequena comparado com a largura do seu blog ela certamente perderá qualidade se marcar a opção ajustar.

As opções: Por trás de título e descrição, Em vez de título e descrição e Inserir a descrição depois da imagem são auto-explicativas portando não vamos ficar repetindo o que o texto do blogger já disse como funciona.

29 comentários :

  1. Olá Fabiano,bom eu vou te fazer uma pergunta que não tem a ver com esse post,pois acho que você não fez um post com a relação com a minha pergunta.Eu queria saber como faço para botar no meu xat (www.xat.com) um letreiro,e queria saber também porque eu não sou o dono do xat,por quê eu não tenho direito nenhum,e quando visualizo meu blog,quando eu vou ao xat,eu sou um menbro

    ResponderExcluir
  2. mega velocidade
    o xat.com faz um serviço gratuito, então eles podem permitir ou não o que desejarem nos widgets deles....

    para colocar no blog é simples só precisa escolher o tamanho e copiar o código html depois colocar como um gadget de html/javascript ou numa postagem...


    ainda não falei sobre esse assunto vou criar um tutorial mais detalhado sobre isso

    ResponderExcluir
  3. Fabiano, eu abro a imagem desejada no "PAINT" escrevo o que desejo, ajusto a imagem, salvo no PC e coloco no blog, tem dado certinho...
    Gostei também da sua dica.
    Um abraço e bom fim de semana!

    ResponderExcluir
  4. Olá, Fabiano!
    Os meus posts bem antigos estão com uma fonte diferente da que eu tenho nos mais recentes. Já tentei, mas não consegui mudar isso. Na verdade, não é só o post, e sim toda a página que muda de fonte quando eu coloco em um desses posts. Não pode ter haver com a mudança de template, pois não foi na época que isso ocorrei. Bem, essa fonte diferente em nada atrapalha, mas você saberia dizer porque e como ajeitar isso?
    Abraço!

    ResponderExcluir
  5. Victor Faria
    essas postagens antigas, você fez a formatação(trocou a fonte) na pagina onde cria a postagem?

    se fez desta maneira o unico jeito de modificar isso é editando a postagem e retirando a formatação.

    ResponderExcluir
  6. Olá, Fabiano!
    Não me lembro de ter feito qualquer mudança na fonte desde que iniciei o blog - sempre usei a fonte padrão. Estranho que alguns posts antigos eu consigo colocar a fonte de forma correta, mas em outros troco para a padrão, mas nem todo o post muda, apesar que no editor de texto do Blogger parece estar tudo ok.

    ResponderExcluir
  7. Uma forma também que da para fazer é hospedar a imagem em um site e depois colocar o link dela no blog. assim ela não perde a qualidade!

    ResponderExcluir
  8. Fabiano onde descubro o tamanho para colocar a imagem em vez do título a completar todo o blog ? Eu segui seu tutorial e coloquei 750, porém fica faltando um espaço para completar na direita ?

    ResponderExcluir
  9. Cido Ribeiro
    o melhor para usar uma imagem no titulo do blog é fazer a imagem no tamanho certo, provavelmente é algo proximo em 980 px

    ResponderExcluir
  10. Fabiano eu tinha uma imagem perfeira embora eu editei ela no Paint quando olhei ela no pc ela ainda tava com uma otima qualidade mas depois que passei para o Blog ela ficou um pouco fosca. O paint atrapalha a qualidade da imagem?

    ResponderExcluir
  11. kenneth
    depende de qual formato salvou a imagem, tente salvar em jpg ou gif

    ResponderExcluir
  12. Por favor, eu tenho um vídeo em flv e o mesmo em avi e gostaria de colocar o vídeo como cabeçalho do blog, sei que o cabeçalho só aceita arquivos .jpg e .gif, a pergunta é: tem como eu substituir o cabeçalho por um gadgets? se sim, como?

    ResponderExcluir
  13. não é possivel colocar video no cabeçalho do blog, mas você pode colocar um gadget de html/javascript posicionado no lugar do titulo e o código do video nele

    depois pode alterar a formatação do texto do titulo ou enviar uma imagem pequena para deixar o video com mais destaque

    ResponderExcluir
  14. Gente para colocar chat copia o codigo html que vai ter no xat.com ai voce vai la em baixo interpretar HTML e coloca o cogido e pronto.

    ResponderExcluir
  15. Olá Fabiano. Minha pergunta não é exatamente referente a esse post, mas é sobre imagens distorcidas... No meu blog as imagens dos posts estão distorcidas na página principal. Dentro do post ela está ok, mas na pagina inicial, que deveria conter uma miniatura da imagem, ela está distorcida. O que eu faço?

    ResponderExcluir
  16. OI me socorram eu fiz uma besteira e gostaria de sabe como eu faço pra corrigir?
    Eu não queria que o no me do blog aparecesse,ai eu vim aqui e pesquisei com fazer para retirar e agora as paginas estão encima da imagem que eu coloquei no blog.como eu faço pra deixa os pagina embaixo da imgem?
    por favor me retornem !!!to deixando o link pra vcs ,me ajudar e ver o problema diretamente.to no aguardo!
    http://make-upretty.blogspot.com

    ResponderExcluir
  17. Aline Guevara
    os códigos de resumo da postagem distorcem as imagens é normal

    ResponderExcluir
  18. Môny Santos
    acho que os gadgets do seu blog estão fora de ordem.

    tente entrar na pagina layout e arrastar o gadget do menu para baixo

    ResponderExcluir
  19. olá Fabiano será que poderia me ajudar é que estou usando um modelo de layout free, so que as imagens que posto no blog nao aparecem, o que eu faço? me ajuda, por favor.

    ResponderExcluir
  20. Vânia Araújo
    acho que você já resolveu o problema ou quando visualizou seu blog houve um erro no carregamento.

    entrei no seu blog e vi a imagem da postagem:

    http://2.bp.blogspot.com/__VQVHxOniAg/TMLDgSN1fOI/AAAAAAAAAKw/mnuXtw1NixI/s1600/Fam%C3%ADlia+350.jpg

    aperte o botão f5 para atualizar a pagina do seu blog

    ResponderExcluir
  21. Olá, Fabiano! Tentei colocar a imagem no fundo do tídulo, mas ela não ficou centralizada ... e meu título tb ficou decentralizado. O que eu faço para que eles fiquem no centro? Desde já, obrigada!

    ResponderExcluir
  22. Malú Nunespara centralizar a imagem o mais facil é criar uma imagem mais larga com fundo da mesma cor do fundo do blog. Então centralize a imagem ou texto que vai mostrar

    ResponderExcluir
  23. Olá, Fabiano! Estou com problemas nas imagens das Postagens do Blog, elas estão distorcidas. Como faço para corrigir?
    Grata, PP.

    ResponderExcluir
  24. você alterou o tamanho das imagens pelos códigos? se fez isso é esse o problema.

    para alterar o tamanho das imagens precisa editar a imagem num programa e já salvar no tamanho certo

    ResponderExcluir
  25. Fabiano, tentei algumas alterações como vc demonstrou, como alterar os botões de compartilhamento e cores, mas no nosso blog não deu certo .... redimensionei as imagens em 320pilxes e tbm não deu certo.
    Fiz o backup para restaurar o modelo anterior que havia salvo, tbm não melhorou as imagens! O que devo fazer?

    ResponderExcluir
  26. qual imagem está com esse problema? Mostre um link com o exemplo

    ResponderExcluir
  27. Fabiano, encontrei alguns blogs com os mesmo probleminha e acabei por alterar o template do blog. Ainda não deu problema, qlqr coisa grito por socorro (rs). No mais, continuo seguindo as dicas na sua página, que tanto nos auxilia. Gratidãooo!! Fraterno abraço, Paula.

    ResponderExcluir