Compressão de imagens

6 plugins para otimização de imagens no WordPress

Otimização de imagens é uma necessidade. Torná-las mais leves permite que seu site carregue mais depressa, o que evita lentidão, melhora o SEO e agrada mais aos clientes. Imagens de qualidade e alta resolução tê, sem dúvida, seu lugar – mas não é seu site ou blog. Contudo, como nem todos podem se dar ao luxo de ajustar tudo o que precisam em termos de imagens no Photoshop, acaba havendo três maneiras de fazer isso:

  1. Já selecionando, de antemão, fotos mais leves (mas correr o risco de ter uma visualização pobre)
  2. Instalar plugins que oferecem otimização já no WordPress (ou outro CMS)
  3. Usar serviços online nas imagens, antes de postá-las (falaremos disto em outro artigo)

Otimização de imagens – selecionar imagens mais leves

Não há muito segredo aqui. O ideal é optar por imagens mais leves na hora de montar posts ou mesmo seu site na internet. Imagens com mais de 100kb, em geral, provavelmente causarão ao seu site algum tipo de prejuízo na renderização, quando usuários acessarem o endereço. E, mesmo que a velocidade permaneça boa, pode haver penalização em termos de análise por parte de mecanismos de busca.

Uma dica útil aqui, para conseguir imagens leves, mas sem prejuízos à visualização, é atentar às dimensões dessas imagens. Por exemplo, fotos com 2000 x 1000 pixels são desnecessárias. Geralmente a maioria das imagens são exibidas em sites com tamanhos muito menores. A melhor maneira é adicionar fotos que tenham dimensões parecidas ou iguais àquelas que serão de fato exibidas. Por exemplo, se a imagem de destaque em seus posts possui por volta de 700 pixels de largura, tente incluir imagens com essas características – e não gigantes de 2 mil ou 3 mil pixels.

Do mesmo modo, é recomendável que fotos tiradas em câmeras de celulares mais modernos ou em câmeras digitais sejam redimensionadas antes de usadas em sites. Essas imagens são grandes e ocupam muito espaço, e apesar de terem qualidade irão atrasar a abertura de seu site.

Otimização de imagens – uso de plugins

Há imensos plugins que oferecem a possibilidade de otimizar imagens, para quem tem um site em WordPress. O problema é que a grande maioria deles oferece limitações quanto ao número de imagens que podem ser otimizadas. Para otimizar mais imagens, é preciso abrir uma conta nesses serviços e pagar. Simples assim.

Se você não importa-se em gastar um pouco mais, talvez seja uma boa opção. Mas vale lembrar também que, em termos gerais, quanto maior o número de plugins instalados em seu WordPress, pior será o desempenho da página. Às vezes, pode ser que você esteja a ficar na mesma. De todo modo, se prefere automatizar a otimização, os plugins são uma boa forma de fazê-lo. Há plugins melhores e piores, mas separamos aqui os mais utilizados e que oferecem ferramentas que DE FATO otimizam e reduzem o peso das imagens.

EWWW Optimizer

EWWW Image Optimizer – página do plugin

Esse plugin possui excelente desempenho e, como todos os que mostramos nesta lista, irá automaticamente otimizar todas as imagens JPG, PNG ou GIF que você possa subir para seu website. Ele também oferece possibilidades de “bulk optimization”, ou seja, de otimizar de uma só vez todas as imagens que você possua na seção de mídias de seu WordPress. A grande vantagem deste plugin é que não há limitações quanto ao tamanho de cada imagem a otimizar, embora haja limitações quanto ao uso – a menos que seja feita a assinatura da API do EWWW (e nesse caso é preciso instalar outro plugin ao invés deste… confuso).

Smush, da WPMU

Smush Image Compression and Optimization – página do plugin

Um dos otimizadores de imagens mais populares, porém bastante limitado. Os recursos são ótimos – otimização em bloco (mas na versão gratuita, apenas 50 imagens de cada vez), redimensionamento e configuração de tamanhos máximos para novas imagens. Outros recursos exigem algum conhecimento técnico, mas são igualmente úteis. Contudo, a diferença de desempenho e melhoria parece brutal… talvez a WPMU tenha deixado vantagens demais para a versão paga do produto – que só pode ser liberada caso assine todo o pacote de melhorias da WPMU Dev. Caso venha a usar todos os plugins da marca, talvez seja algo a estudar – mas são US$ 49,00 ao mês, sem direito a negociações ou descontos.

Kraken.io

Kraken.io Image Optimizer – página do plugin

Bom otimizador, mas com uma cota gratuita que depende do volume em MB de imagens, não do número de ficheiros. Gratuitamente, é possível otimizar até 100 MB de imagens ao mês – o suficiente para blogs mais simples. Contudo, se quiser mais que isso, só mesmo assinando a API da Kraken.io e inserindo a API Key na instalação do plugin. A partir daí, paga-se um inicial de 5 dólares ao mês, com uma cota de 500MB em ficheiros, mas há planos para um volume maior.

Na verdade, o Kraken.io pode ser vantajoso para aqueles que precisam otimizar imagens de maior peso ou em volume realmente assustador. A API torna-se mais barata conforme o volume avança. O plano mais avançando permite até 60GB mensais de imagens por 79 dólares, e cobra apenas 1 dólar adicional por cada Gigabyte a mais.

Shortpixel

Shortpixel Image Optimizer – página do plugin

Outro dos mais populares, é bastante simples de usar e também possui cota mensal, mas dessa vez de 100 imagens. Para a maioria dos sites WordPress, isso é suficiente. Novamente, há boa vantagem para volumes maiores. Cinco mil imagens mensais por US$ 4,99, doze mil imagens mensais por US$ 9,99, e por aí. Entidades sem fins lucrativos e ONGs ainda podem entrar em contacto com a empresa via e-mail (e em inglês), e assim conseguir acesso gratuito ao sistema.

TinyPNG

Compress JPG & PNG Images – página do plugin

Plugin interessante, de fácil uso e também com limitações em formato de “créditos”, relacionados ao número de imagens. O interessante desse plugin é que, muitas vezes, ele acaba permitindo que uma imagem seja “reotimizada” algumas vezes, e com ganhos. Algumas instalações do WordPress e alguns temas, contudo, podem fazer com que o plugin rode de forma “estranha”, conforme alguns relatos que ouvimos.

resmush-it

reSmush-it Image Optimizer – página do plugin

Esse é o único dos plugins de otimização de imagens que é REALMENTE grátis. A API é pública e não oferece limitações nenhumas em termos do número de imagens, seja por mês ou por tamanho dos ficheiros. Entretanto, pode apresentar alguns problemas de compatibilidade e nem sempre funciona de maneira rápida ou boa no WordPress, a depender da instalação. Ainda assim, o custo (ou ausência dele) vale o teste.

Otimização de imagens – teste rápido

Claro que fizemos um breve teste. A partir de cada um dos 6 plugins de otimização de imagens, aplicamos a ferramenta em uma mesma imagem – a versão original da foto a seguir, com 81,5KB em seu tamanho original. Vale lembrar que, quando subimos uma imagem ao WordPress, o tamanho original geralmente é ignorado – o WP cria versões em diversos tamanhos, para usos específicos, os chamados “thumbnails”. Nesse caso, os otimizadores precisa agir em cada um desses thumbnails.

Imagem para testes

Tiramos a “média” de otimização das ferramentas em cada uma das imagens, ou de suas derivações em thumbnails, em porcentagem de melhoria. Vejamos como cada plugin se comportou:

Nome do plugin Redução da imagem em %
EWWW IMAGE OPTIMIZER 7.2%
SHORTPIXEL IMAGE OPTIMIZER 6.2%
RESMUSH-IT IMAGE OPTIMIZER 5.2%
SMUSH IMAGE COMPRESSION AND OPTIMIZATION 4%
KRAKEN.IO IMAGE OPTIMIZER 3.7%
COMPRESS JPG & PNG IMAGES 2%

Quer uma análise do seu site?

Fazemos gratuitamente o diagnóstico

Clique no botão, receba novidades e dicas e uma análise grátis de seu website. Basta inscrever-se em nossa newsletter.