Dicas para Blogs e Sites

Você pode alterar o tamanho das imagens que usa nas postagens do seu blog apenas modificando um trecho do endereço da imagem. Fazendo isso é possível redimensionar as imagens do blog para vários tamanhos e até modificar o formato delas e com isso adaptar as imagens para seu template imagens para seu template, parcerias ou qualquer outra utilidade que imaginar.


Vamos falar aqui sobre alterar imagens que você já enviou para o blogger, portanto se precisar ajuda para criar ou achar imagens para usar no blog veja os links abaixo:
4 Passos para Criar Banners ou Imagens para Usar em Blogs e Sites
Colocar Efeitos em Fotos e Imagens: Bordas, Desenhos, Texto, Editar Cores
Tutorial Completo sobre Criar, Colocar e Proteger Imagens no seu Blog


Quando você faz uma postagem e envia uma imagem para o blog o endereço da imagem é mais ou menos assim:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiujFb0vjOK6ID-PVhfNT1HpnyRJvJeCLI0MBNCWN7PCLgME9NpJ3bV1bfghyphenhyphen1qd2Uu-E1M83SzCGMOCphsA8iavaqW5ZrxQ-nOSE5ScH_iDBusQ_R4mCkrsNNiTJTRv2lsFedex2dOREyN/s400/redimencionar-imagens-tamanho.jpg

Esse é o endereço da imagem que está no inicio deste tutorial nós vamos modificar o tamanho da imagem alterando o trecho s400. Este numero é a largura da imagem portando se você altera-lo para qualquer outro valor a imagem será reduzida ou ampliada conforme o numero que usar. Lembrando que essa é a largura da imagem e a altura se ajustará automaticamente mantendo as proporções da foto, por exemplo, se colocarmos 300 então a imagem ficará com 300 de largura e o endereço dela ficará assim:


Podemos também cortar as laterais da imagem fazendo que ela fique quadrada como as miniaturas das imagens usadas no gadget de assuntos relacionados ou resumo da postagem. Neste caso vamos acrescentar -c ao lado do código do tamanho da imagem ficando assim: s300-c.



Outra função interessante é criar um link para baixar a imagem em vez de exibir. Se você quiser disponibilizar a imagem para download acrescente -d na imagem, deste jeito:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiujFb0vjOK6ID-PVhfNT1HpnyRJvJeCLI0MBNCWN7PCLgME9NpJ3bV1bfghyphenhyphen1qd2Uu-E1M83SzCGMOCphsA8iavaqW5ZrxQ-nOSE5ScH_iDBusQ_R4mCkrsNNiTJTRv2lsFedex2dOREyN/s300-d/redimencionar-imagens-tamanho.jpg

Lembramos essas alterações na url da imagem permitem reduzir o tamanho da imagem, mas não ampliar além do tamanho original, portanto se sua imagem tiver 800px de largura não adianta colocar mais que s800 na url dela que a imagem não ficará maior. Lembre-se que imagens menores carregam mais rapido e permitem seu blog aparecer mais depressa, por isso veja também:
Melhorar Desempenho do Blog – Otimizar Imagens e Fotos
Como Diminuir o Tempo de Carregamento e Otimizar Blogs/Sites

Encontramos essa dica no tutorial Awesome Tips To Resize And Edit Images On Blogger & Picasa em inglês do site http://www.way2blogging.org e achamos que poderia ser útil para muitos blogueiros que gostariam de usar suas imagens em tamanhos diferentes. Esperamos que gostem e deixem a opinião de vocês sobre essa dica sobre imagens do blog.

Marcadores: Códigos, Imagem de Fundo, Imagens, Personalizar