As imagens esticadas no celular é um problema muito comum, inclusive em tema gratuitos disponibilizados para o Blogger. Hoje vou ensinar como corrigir esse problema, esse método é definitivo.
Problema
A imagem fica muito esticada em celulares, esse problema é causado quando o template é responsivo e ele tenta deixar a imagem compatível com as dimensões do celular. Essa imagem é a imagem Original e em seguida como ela ficou no celular.
(Imagem Original no Computador)
(Imagem esticada no celular)
Como Resolver
Agora vamos aprender como resolver esse problema de forma definitiva, deixando o seu blog com imagens totalmente responsivas tanto em tabletes quanto em celulares.
Tutorial
1 - Abra o código HTML de seu BLog.
acesse o seu Painel do Blogger e abra a aba Tema e depois clique em Editar HTML.
2 - Localize o final das Tags de Customização.
Assim que você abrir a página com os códigos HTML de seu blog, aperte "Ctrl + F" para fazer uma pesquisa na página, copie esse código à baixo no campo de pesquisa e pesquise em seus códigos até encontrá-lo.
]]></b:skin>
3 - Cole o código de customização.
Assim que você achar o código pesquisado, copie esse outro código e cole exatamente na linha de cima dele.
Obs. não modifique esse código nem apague o código pesquisado, só cole na linha de cima.
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
4 - Imagens Responsivas?
Feito esse processo, clique em Salvar o Tema para que as modificações sejam salvas.
Agora seu Blog já está 100% responsivo, crie uma postagem e deixe uma imagem bem grande e faça um teste para ver se funcionou, se funcionar deixe um comentário para avisar para outros leitores se ainda está funcionando.