Sendo um usuário do blogger, você deve ter notado que às vezes o blogger comprometeu a qualidade da imagem . Por padrão, quando você faz upload de imagens para suas postagens , o blogger reduz a qualidade da imagem para que seu site carregue mais rápido do que o normal. Recentemente, recebemos uma consulta de um usuário perguntando como melhorar a qualidade da imagem no blogger para que ele possa fornecer imagens de alta qualidade em seu blog. Nos dias de hoje, quando os sites estão ficando profissionais, é essencial cuidar de cada elemento. Portanto, hoje neste artigo, mostraremos como melhorar o problema de qualidade de imagem no blogger.
Dicas para melhorar a qualidade da imagem:
- Não use imagens desfocadas que sejam altamente pixeladas, certifique-se de que sejam de alta resolução e também sejam tiradas de uma boa câmera.
- Adote uma largura e tente redimensionar suas imagens usando qualquer software de edição de fotos e depois faça o upload para o seu site. Isso mantém a qualidade de suas imagens melhor também.
- Certifique-se de que a imagem que você enviar deve estar no formato PNG, imagem JPEG geralmente aumenta os tamanhos da imagem que alerta o blogger para comprimi-la em formato menor.
Como melhorar a qualidade da imagem no Blogger?
O primeiro passo é fazer login na sua conta do Blogger e ir para Template >> Edit HTML . Agora na codificação do modelo, procure por </head> e logo acima cole o seguinte trecho de código.
<script type='text/javascript'>//<![CDATA[
$(document).ready(function() {
// change the dimension variable below to be the pixel size you want
var dimension = 90;
// this identifies the PopularPosts1 div element, finds each image in it, and resizes it
$('#PopularPosts1, #somethinghere, #related-posts').find('img').each(function(n, image){
var image = $(image);
image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + dimension)});
image.attr('width',dimension);
image.attr('height',dimension);
});
});
//]]></script>
Agora, para melhorar a qualidade da imagem, você deve adicionar o DIV ID ou a classe DIV para que possa buscar todas as imagens e melhorar sua qualidade de acordo. Adicionamos a maioria dos IDs e Classes comuns. No entanto, você também pode ter o seu próprio simplesmente substituindo #algoaqui do código acima.
Depois que tudo estiver pronto, salve o modelo pressionando o botão laranja “Salvar” localizado na parte superior da tela e agora a qualidade de suas imagens não deixará seu site na mão.
Esperamos que este tutorial possa ter ajudado alguns de nossos usuários a melhorar a qualidade da imagem de suas postagens, postagens populares , postagens recentes, e etc. Caso você tenha o mesmo problema antes, informe-nos qual foi a sua solução para o problema e deixe-nos ter uma conversa significativa que possa beneficiar cada um de nossos usuários. Se você gostou deste post, sinta-se à vontade para compartilhá-lo com seus amigos blogueiros no Facebook, Google+ ou Twitter.
Tags:
INTERNET