Como otimizar (comprimir) as imagens do WordPress

IMPORATNTE!
A compressão funcionará para arquivos do tipo .jpeg, .jpg e .png
A compressão será feita utilizando o modo Lossy.

Faremos uso de um plugin para comprimir as imagens.

Serão necessários obter uma chave de acesso (API key) para usar o plugin, escolher os
tamanhos
de imagem que serão comprimidos e um trecho de código (opcional) que pode ser
colocado em seu functions.php.

Chave de acesso (API KEY):

  • Acesse o seguinte link: https://tinypng.com/developers;
  • Insira um Nome e E-mail e clique em Get your API key;
  • Acesse a caixa de entrada do e-mail escolhido, siga as intruções da mensagem enviada pelo site e deixe a chave
    preparada para uso
    .

Plugin:

  • Instale e ative o seguinte plugin, através de seu painel administrativo do WordPress: Compress JPEG & PNG
    images
    ;
  • Em seguida, dentro do WordPress, acesse Configurações > Mídia;
  • Na sessão JPEG and PNG optimization insira sua chave de acesso e clique em Salvar:
    • 1. Insira sua chave de acesso (API key).
      2. Clique em Salvar.

Tamanhos:

Leia abaixo uma breve explicação sobre tamanhos de imagens.

Uma instalação crua do WordPress possui 3 tamanhos de imagens registrados:

  • thumbnail (Miniatura);
  • medium (Médio);
  • large (Grande).

Isso é o mesmo que dizer que quando você faz um upload de uma imagem, o WordPress pode criar mais 3 imagens a partir da que você subiu.

Ou seja, lá no servidor, podem ser gravados 4 arquivos, o original (tamanho original) e mais outros 3 arquivos com seus respectivos tamanhos (dimensões).

Além disso, seu tema e outros plugins podem adicionar outros tamanhos de imagem através da função add_image_size(). O plugin WooCommerce, por exemplo, adiciona mais 3 tamanhos de imagem. Ou seja, com o WooCommerce instalado e ativado, caso um upload seja feito, 7 arquivos de imagem podem ser gravados no servidor. Correto? O original + os 3 criados por padrão pelo WordPress e + outros 3 adicionados pelo WooCommerce.

Depois dessa explicação, sigamos em frente…

O plugin Compress JPEG & PNG images te oferece 500 compressões gratuitas por mês, ou seja, você pode comprimir até 500 arquivos de imagem por mês. Mas, não se esqueça de que cada tamanho conta como uma imagem.

Então, suponha que você faça upload de 100 imagens e tenha 5 tamanhos registrados. Contando com o tamanho original, isso significa que você estaria fazendo upload de 600 imagens (basta multiplicar 100 por 6 = 600). Correto?

Ou seja, as 500 primeiras imagens sofreriam compressão e as outras 100, não.

Caso você queira manipular quais tamanhos de imagem vão ou não sofrer a compressão, o próprio plugin te oferece o recurso de escolher quais tamanhos não podem passar pela compressão:

Veja que no exemplo acima eu escolhi os tamanhos que irão sofrer compressão e
a partir da minha escolha o plugin me diz até quantas compressões eu terei gratuitamente por
mês. Quanto mais tamanhos você escolhe, menos compressões por mês você tem.

Trecho de código (snippet):

Caso você queira se livrar de tamanhos de imagem que foram adicionados pelo seu tema e/ou plugins, é aí que entramos com o trecho de código opcional.

O snippet abaixo serve para que, ao invés de desmarcar os tamanhos como na imagem acima, você os desregistre/exclua.

O fato é que desmarcar os tamanhos, simplesmente faz com que o plugin os ignore. Os tamanhos desmarcados só não serão otimizados, mas continuarão ocupando espaço em disco.

Desregistrando, você remove aquele tamanho registrado e, consequentemente, economiza tempo no upload e espaço em disco.

    
/**
 * Remove useless image sizes that was added by a theme or plugin.
 *
 * @return    void
 */
function remove_useless_image_sizes()
{
    $sizes = array(
        'shop_thumbnail',
        'shop_catalog',
        'shop_single'
    );

    foreach ($sizes as $size)
        remove_image_size($size);
}

add_action('init', 'remove_useless_image_sizes', 100);
    

O código é bem simples. Se você leu com atenção e comparou a imagem acima com o código, então, não tem erro.

Para desregistrar/exluir um tamanho de imagem, é necessário saber o nome desse tamanho.

Por sorte o plugin já nos fornece esse nome. Veja que os 3 tamanhos que eu excluo, em meu código, são os mesmos tamanhos que estão sendo mostrados na lista da imagem acima.

Apenas note que no código todas as letras estão em minúsculo.

E como isso vai funcionar?

As compressões são feitas durante o upload, você não precisa fazer nada, tudo é feito automaticamente. E caso você chegue ao limite de 500, então, você receberá uma notificação no e-mail cadastrado.

E também é possível fazer a compressão manualmente, ou seja, é possível comprimir/otimizar as imagens que já estão na biblioteca. Basta acessar Mídia > Bulk Optimization.

Ainda é possível escolher quais imagens serão otimizadas. Basta acessar Mídia > Biblioteca. Uma vez que as imagens estão sendo visualizadas em modo lista você notará o botão Compress ao lado direito de cada imagem. Além disso, ao invés de usar o botão, ainda é possível slecionar várias imagens e depois utilizar a caixa de seleção Ações em massa e clicar em Compress Images. É preciso estar visualizando a biblioteca em modo lista.

É verdade que, muitas vezes, temos muitos tamanhos de imagens registrados e não dá pra abrir mão de todos. Então, o número 500 se torna algo relativamente pequeno.

Uma alternativa é fazer a compressão da imagem antes de fazer o upload. Existem vários serviços gratuitos por aí, eis alguns deles:

Comentários