Como reduzir o peso das imagens e melhorar o carregamento do blog - * Blog Elaine Gaspareto *

Como reduzir o peso das imagens e melhorar o carregamento do blog

em 03/10/2017


Uma das grandes preocupações que nós blogueiros precisamos ter quando elaboramos um post diz respeito às imagens que vamos usar. Elas precisam ser de boa qualidade, boa resolução, livres de direitos autoriais e não serem tão pesadas à ponto do blog não abrir em conexões mais lentas ou nos celulares.
Para encontrar imagens em alta resolução, livres para uso e gratuitas eu tenho a solução, já publicada anteriormente aqui no blog, recorde:



Mas, e quanto ao peso dessas imagens?
Você já pensou nisso?
Muitas vezes achamos que basta reduzir o tamanho da imagem para que o peso dela diminua. Embora isso aconteça, nem sempre queremos uma imagem pequena. Eu, por exemplo, uso há algum tempo imagens grandes, acima de 800px de largura e uma imagem de 640px não satisfaz a minha necessidade.
Mas também não posso subir uma imagem que pese muito, e uma imagem grande chega facilmente a mais de 1mb de peso. Impraticável, né?
Então, o que fazer?
Simples, querido leitor! Precisamos compactar a imagem.
Vem comigo, vou te ensinar um caminho bem simples!

Olhe essas duas imagens:




Nota alguma diferença entre elas?
Pode clicar sobre ambas, elas vão abrir em tamanho original.
Percebe que são idênticas?
Sim, são, #sqn
A primeira pesa 519kb e a outra, compactada, pesa apenas 90kb. Uma redução de 83%.
Bom, né?

Isso acontece porque, na compactação, são retiradas informações desnecessárias da imagem. Não, não adianta tentar ler, é linguagem  que só robots entendem.
Para nós importa saber apenas como fazer isso. Vou te mostrar o passo a passo:

Para começar escolha a imagem que deseja testar. Pode ser foto de celular, de máquina, foto de sites de imagens. Escolheu?
Agora acesse este site: TinyPNG
Você verá esta página:


Clique no quadrinho pontilhado e carregue a imagem que deseja.
Assim que concluir clique em Download e salve onde desejar.
Descompacte a pasta zipada e pronto, é só subir a imagem para seu post normalmente, como está acostumado.
Ah, dá pra comprimir até 20 imagens (ou 5MB) de uma vez.
Não é demais?

Uma dica importante é redimensionar a imagem antes de comprimi-la. Vejo muito blog por aí em que a pessoa sobe imagens direto da câmera, imagens imensas, que medem mais de 4000px de largura. Pra que isso, gente?
Redimensione sempre as imagens, para o tamanho mais adequado à largura de seu blog.
Mesmo que ele seja responsivo (como o meu) e as imagens sejam redimensionadas de acordo com a resolução de tela do leitor, ainda assim o peso permanece.
Então, nunca esqueça: antes de comprimir as imagens usando o site TinyPNG redimensione-as sempre!


Leitura recomendada:



Gostou da dica?
Então ajudaê, mig@: curte o post, ou compartilhe em suas redes sociais...
Eu agradeço demais!

*Crédito das imagens: Pexels
7 comentários via Blogger
comentários via Facebook

7 comentários:

  1. Elaine querida, sua fofa, anjo, ser elevado...rsss.. MUITO OBRIGADAAAAA! Eu até fazia isso mas não com tamanho profissionalismo. Achava que em 200 tava bom.. agora quero 90! haha!
    Valeu demais, viu! Você sempre com excelentes informações pra gente!
    Ah... e o novo layout/tema do blog ficou lindão! Amei! Vi lá no final que é "by you", né?! Arrasou! Aceita encomenda não?! rssss... Se sim, eu tô na fila!!!!
    Beijo grande, viu!

    http://blogdaana.com.br

    ResponderExcluir
    Respostas
    1. Ana, eu não trabalho mais com personalização, só mantive os clientes de assessoria. E quando trabalhava só fazia para Blogger... fico devendo...

      Excluir
  2. Elaine, pra comprimir eu uso o site que você indicou neste post.. e pra redimensionar?
    Na última linha você fala que é no tiny também.. mas não localizei aonde.
    Beijos e obrigada!

    ResponderExcluir
    Respostas
    1. Ana, para redimensionar eu uso o Photoshop, Photoscape ou qualquer outro editor de imagens...

      Excluir
  3. Olá
    Eu costumo compactar minhas imagens com um dos programas do pacote Office. Parece bizarro, mas funciona. De verdade.

    Vidas em Preto e Branco

    ResponderExcluir
  4. Que dica de ouro, Elaine! Eu já tinha pesquisado sobre isso mas não encontrei como fazer. Obrigada, você deu maior qualidade para o meu blog de agora em diante!
    Bjo, Deus te abençoe.

    ResponderExcluir
  5. Nooooossaaa! Essa dica caiu do céu hoje! Já estava há alguns dias preocupada com peso das imagens no meu site, que é 99% feito de imagens!
    Agora vou tentar mudar aos poucos tudo.
    Obrigada!

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…



Visualizações

Contando...

Dias online
Postagens
comentários