Problema com o Tamanho das Imagens nos Posts do Blogger
O Blogger está com uma falha na hora de alterar o tamanho das imagens das postagens. Após enviar a imagem para o Blogger podemos alterar o tamanho da imagem, porém o que está acontecendo é alterar apenas o HTML e não o endereço (url da foto) para ajustar o tamanho da imagem.
Quando fizer uma nova postagem depois que enviar as imagens e ajustar o tamanho verifique o código HTML veja o exemplo abaixo:
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgredlHY49y00T8Bba7Xl_eySUDlQe9V5F2I7PAib4f8rCBAfmAYWGeqGJzYqfxFkWABFxlml1uHcoTV7kVe2WvWPu9zaD0_iTc_ZUh2i2HzYblS5jOVSnV-ptTjRtENwIU9pvyvyPuQzwz/s1600/tamanho-imagens-blogger.jpg" height="267" width="400" /></a>
O código width="400" e height="267" fazem a imagem aparecer no tamanho que eu escolhi, porém o tamanho desta imagem é 556x375. Este é o tamanho da imagem original como enviei para o Blogger, ou seja, é a imagem que aparece no Efeito LightBox nas Imagens do Blog.
Embora isso pareça um detalhe afinal a imagem aparece no tamanho que eu escolhi existem dois problemas:
A imagem perde qualidade (fica meio borrada) quando alteramos o tamanho somente pelo HTML.
E o principal problema é que deixa o blog lento porque embora a imagem apareça no tamanho que escolhi ela é 556x375. Então o peso (demora para carregar) é maior e claro quanto maior for sua imagem original maior será essa diferença.
Veja algumas dicas sobre imagens e velocidade do blog:
Testar e Melhorar o Tempo de Carregamento do Blog ou Site
Otimizar as Imagens do Blog: Carregar Imagens mais Rápido
Usar Informações do Contador de Visitas para Melhorar o Blog
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgredlHY49y00T8Bba7Xl_eySUDlQe9V5F2I7PAib4f8rCBAfmAYWGeqGJzYqfxFkWABFxlml1uHcoTV7kVe2WvWPu9zaD0_iTc_ZUh2i2HzYblS5jOVSnV-ptTjRtENwIU9pvyvyPuQzwz/s1600/tamanho-imagens-blogger.jpg
E você deve alterar o trecho s1600 para s400 (que é o tamanho que escolhi para mostrar a imagem) então o endereço fica deste jeito:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgredlHY49y00T8Bba7Xl_eySUDlQe9V5F2I7PAib4f8rCBAfmAYWGeqGJzYqfxFkWABFxlml1uHcoTV7kVe2WvWPu9zaD0_iTc_ZUh2i2HzYblS5jOVSnV-ptTjRtENwIU9pvyvyPuQzwz/s400/tamanho-imagens-blogger.jpg
Veja mais detalhes sobre:
Redimensionar Imagens no Blog - Código para Mudar o Tamanho das Imagens
4 Passos para Criar Banners ou Imagens para Usar em Blogs e Sites
Criar Banner para Blogs: Programas e Sites para Editar Imagens
O lado ruim é que você terá que se lembrar de fazer isso em todas as postagens que fizer até que o Blogger corrija esse problema, mas vale à pena fazer afinal isso prejudica a velocidade do seu blog por causa do tamanho das fotos publicadas.
Quando fizer uma nova postagem depois que enviar as imagens e ajustar o tamanho verifique o código HTML veja o exemplo abaixo:
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgredlHY49y00T8Bba7Xl_eySUDlQe9V5F2I7PAib4f8rCBAfmAYWGeqGJzYqfxFkWABFxlml1uHcoTV7kVe2WvWPu9zaD0_iTc_ZUh2i2HzYblS5jOVSnV-ptTjRtENwIU9pvyvyPuQzwz/s1600/tamanho-imagens-blogger.jpg" height="267" width="400" /></a>
O código width="400" e height="267" fazem a imagem aparecer no tamanho que eu escolhi, porém o tamanho desta imagem é 556x375. Este é o tamanho da imagem original como enviei para o Blogger, ou seja, é a imagem que aparece no Efeito LightBox nas Imagens do Blog.
Embora isso pareça um detalhe afinal a imagem aparece no tamanho que eu escolhi existem dois problemas:
A imagem perde qualidade (fica meio borrada) quando alteramos o tamanho somente pelo HTML.
E o principal problema é que deixa o blog lento porque embora a imagem apareça no tamanho que escolhi ela é 556x375. Então o peso (demora para carregar) é maior e claro quanto maior for sua imagem original maior será essa diferença.
Veja algumas dicas sobre imagens e velocidade do blog:
Testar e Melhorar o Tempo de Carregamento do Blog ou Site
Otimizar as Imagens do Blog: Carregar Imagens mais Rápido
Usar Informações do Contador de Visitas para Melhorar o Blog
Como Corrigir Erro no Tamanho das Imagens
A correção deste bug com as imagens das postagens do Blogger é simples de fazer. Altere o endereço da imagem com a largura que escolheu. Em nosso exemplo o endereço da imagem é:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgredlHY49y00T8Bba7Xl_eySUDlQe9V5F2I7PAib4f8rCBAfmAYWGeqGJzYqfxFkWABFxlml1uHcoTV7kVe2WvWPu9zaD0_iTc_ZUh2i2HzYblS5jOVSnV-ptTjRtENwIU9pvyvyPuQzwz/s1600/tamanho-imagens-blogger.jpg
E você deve alterar o trecho s1600 para s400 (que é o tamanho que escolhi para mostrar a imagem) então o endereço fica deste jeito:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgredlHY49y00T8Bba7Xl_eySUDlQe9V5F2I7PAib4f8rCBAfmAYWGeqGJzYqfxFkWABFxlml1uHcoTV7kVe2WvWPu9zaD0_iTc_ZUh2i2HzYblS5jOVSnV-ptTjRtENwIU9pvyvyPuQzwz/s400/tamanho-imagens-blogger.jpg
Veja mais detalhes sobre:
Redimensionar Imagens no Blog - Código para Mudar o Tamanho das Imagens
4 Passos para Criar Banners ou Imagens para Usar em Blogs e Sites
Criar Banner para Blogs: Programas e Sites para Editar Imagens
O lado ruim é que você terá que se lembrar de fazer isso em todas as postagens que fizer até que o Blogger corrija esse problema, mas vale à pena fazer afinal isso prejudica a velocidade do seu blog por causa do tamanho das fotos publicadas.
Marcadores: Erros do Blog, Imagens