Otimizando Imagens

[INSERT_ELEMENTOR id=”95″]

Já repeti várias vezes, que imagens é uma das coisas que mais pesa no carregamento de uma página, mas acredito que essa é uma tecla que precisa bater sempre.

Se você fizer uma análise do seu site no PageSpeed do Google, ele sempre vai dizer pra você que tem imagens pra otimizar. Ainda não peguei um site que não tivesse isso na análise, a não ser um site que não tem praticamente nada de imagens. Então vez ou outra recebo emails de pessoas querendo saber se não tem plugin pra otimizar as imagens (recomendo dar uma lida nesse post, em inglês, sobre o Google PageSpeed).

Você vai encontrar vários plugins para o WordPress que faz isso, mas não recomendo eles para otimizar imagens.
Otimizar imagens automaticamente é igual usar o tradutor do Google. Ajuda, mas não é perfeito.
É claro que facilita a vida, mas se você usar um plugin que faz isso automaticamente, uma ou outra imagem vai ficar com qualidade ruim e você terá que sair arrumando manualmente, isso se o plugin permitir que você faça isso.

O ideal é você tirar um tempinho pra editar suas fotos em um editor como o Photoshop, antes de colocar elas no site. Assim você deixa do tamanho que quer e salva com a qualidade que achar melhor.

E não fique na neura porque o Google está dizendo que precisa otimizar até aquelas imagens que você já otimizou, ou aquelas dos banners de publicidade do Google Adsense (Sim! Já vi ele fazer isso várias vezes!). Otimiza o máximo que conseguir, deixando na qualidade que considera melhor, com tamanho em pixels aceitável e pronto. Novamente, leia esse post, em inglês, sobre o Google PageSpeed.

Diferença de uma imagem original e uma imagem otimizada

Peguei uma imagem no unsplash.com para ilustrar pra vocês a diferença depois de otimizar a imagem

A imagem estava com 2000×1500 pixels e 515KB.
Depois de otimizada a imagem ficou com 700×525 pixels e 61,7KB.

O tamanho 700 pixels de largura foi o que escolhi quando otimizei a imagem.
Você pode escolher o tamanho que desejar, e logo o peso em KB varia de acordo com a imagem e o tamanho em pixels.

O tamanho ideal para imagens em um site depende de como o site foi feito e para quê é esse site, mas posso dizer que uma imagem maior que 1920 pixels de largura é exagero na maioria dos casos.

Para terem uma ideia, o monitor que trabalhamos tem 1920 pixels de largura. É possível encontrar monitores com resoluções maiores que isso, mas acredito que somente quem trabalha com edição de imagens e vídeos (e talvez os gamers) terão um monitor desses. E mesmo assim, nem todos os sites tem as imagens ocupando 100% da largura da tela.

As fotos que você tira com o celular provavelmente tem um resolução maior que 1920 pixels de largura. A maioria dos celulares hoje fazem fotos com uma resolução grande. Então não é recomendado você tirar a foto no celular e jogar ela no post do blog daquele jeito, sem otimizar. Não é porque o celular é um aparelho pequeno, que a foto está pequena e otimizada.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *