Revisão do plug-in: WP Squish WordPress Plugin

Publicados: 2019-06-20

O espaço de armazenamento e a velocidade de carregamento da página são duas das coisas mais importantes para qualquer site e as imagens são um dos maiores ofensores. Reduzir o espaço que as imagens exigem sem sacrificar a qualidade da imagem é crucial. Se você usa JPEG, uma excelente opção é um plugin chamado WP Squish.

O WP Squish é um plugin gratuito da Aspen Grove Studios que compactará seus JPEGs, dando a você controle total sobre a qualidade de compactação não apenas das variações criadas pelo WordPress, mas também das variações criadas pelos seus temas WordPress.

Vamos dar uma olhada no WP Squish e ver o que ele pode fazer.

Instalando o WP Squish

Primeiro, baixe o WP Squish do site da Aspen Grove Studios. Instale e ative o plugin normalmente. Ele não requer nenhuma chave, então, uma vez que você tenha ativado o plugin, ele funcionará automaticamente usando as configurações padrão.

Configurações do WP Squish

Um novo item de menu é adicionado ao menu Configurações no painel do WordPress chamado WP Squish. Este menu inclui as opções de imagem e configurações de compactação. Por padrão, as opções de limite de tamanho estão desabilitadas e a qualidade de compactação é definida como 75.

Opções de imagem WP Squish

Você tem a opção de especificar o limite de tamanho das imagens. Especifique qualquer tamanho que desejar. Quando esta opção estiver habilitada, todas as imagens maiores que isso serão redimensionadas quando forem carregadas. A ativação de Sempre recomprimir imagens JPEG de tamanho completo permitirá que as imagens de tamanho completo sejam compactadas somente se tiverem que ser redimensionadas.

Configurações de compactação de imagem

Você pode definir a qualidade de imagem de todas as imagens juntas ou ajustar o tamanho de cada imagem independentemente. Insira o valor manualmente ou use o controle deslizante. Estas são as imagens padrão do WordPress que são criadas quando você carrega uma imagem.

Se você usar o controle deslizante para Todos os tamanhos, verá o número aparecer na caixa junto com as setas para cima e para baixo para ajustar a quantidade. Você também verá que todos os controles deslizantes seguiram sua configuração. Nesse caso, eles estão todos definidos para uma qualidade de 51. Mesmo se você definir Todos os tamanhos, ainda poderá controlar cada um individualmente.

Isso é especialmente útil se você quiser definir a maioria para uma determinada porcentagem e depois controlar algumas manualmente. Neste exemplo, defini a maioria para uma qualidade de 60 e defini manualmente dois tamanhos de imagem para 70.

Você também pode controlar imagens criadas por temas. As imagens neste exemplo foram criadas por Divi.

Estes são adicionados pelo Extra. Ele adiciona mais do que o Divi por causa dos módulos no estilo de revista.

Estes são adicionados pelo tema Twenty Seventeen.

Exemplos de WP Squish

Peguei algumas fotos do Unsplash.com e as carreguei sem compressão ou limites em suas dimensões. Depois disso, defini o limite de dimensão e os carreguei novamente com a compactação definida para vários níveis. Aqui estão algumas comparações. A primeira rodada usa a configuração de qualidade de compactação padrão de 75.
Dando uma olhada em uma das imagens aleatoriamente, esta é a imagem original com dimensões de 5184×3456 e um tamanho de arquivo de 5 MB.
Aqui está a imagem redimensionada sem compressão. É 1620×1080 e o tamanho do arquivo é de 1 MB. Apenas limitar as dimensões reduziu consideravelmente o tamanho do arquivo.
Aqui está a mesma imagem carregada novamente com a compactação habilitada para a qualidade de imagem padrão de 75. Suas dimensões são 1620×1080 e o tamanho do arquivo é 107 kb.
Aqui está outra imagem sem limites de compressão ou dimensão. Suas dimensões são 6016×4016 e seu tamanho de arquivo é 3 MB.
A versão compactada é 1618×1080 e o tamanho do arquivo é 249 kb.
Observe que as imagens estão todas limitadas a uma altura de 1080. Voltei para as configurações e removi o limite vertical. Isso permite que a imagem seja de qualquer tamanho vertical, mas limitada ao tamanho horizontal.
Esta imagem original tem dimensões de 5184×3456 e seu tamanho de arquivo é de 3 MB.
A imagem redimensionada é 1920×1280 e o tamanho do arquivo é 252 KB.
Vejamos alguns exemplos lado a lado. A imagem à esquerda é a original em 2963×3878, 4 MB. A imagem à direita é redimensionada para uma qualidade de 75 em 825×1080, 180 KB.
Neste, a imagem à esquerda é a original e a imagem à direita foi compactada para uma qualidade de 60. É 825×1080, 135 KB.
Neste, a imagem à direita foi compactada em 50. É 825×1080, 117 KB.
Para este, a imagem à direita é compactada com qualidade 20. É 825×1080, 64 KB. Mesmo neste nível de qualidade, a imagem é completamente utilizável. Essa qualidade irá variar, dependendo de muitos fatores com suas fotos. Se esta foto tiver um tamanho maior, a qualidade inferior pode ser mais óbvia. Eu recomendo 60-75 como padrão e depois experimentar para ver o que funciona melhor.
Aqui está a foto do tucano. A imagem à esquerda é a original em 5184×3456, 5 MB. A imagem à direita está compactada com qualidade 20. É 1620×1080, 40 KB. As diferenças são tão pequenas que tenho que olhar de perto para identificá-las, e mesmo assim a foto compactada fica ótima.
Aqui está o tamanho médio do original à esquerda sem compressão, 75 no centro e 60 à direita.
Aqui está um exemplo de dois conjuntos de miniaturas com os dois conjuntos sendo exibidos da esquerda para a direita: 100, 75 e 60.
Vejamos algumas imagens grandes. Este mostra a versão grande do original na parte superior e a versão na parte inferior tem uma qualidade de 60.
Este mostra a versão grande do original no topo. A versão na parte inferior tem a qualidade definida para 40.
Este mostra a versão grande, 4 MB, do original na parte superior e a versão de qualidade 40, com 251 KB, na parte inferior. Você pode ver que as nuvens à esquerda estão começando a aparecer em menor qualidade. 40 é realmente agressivo para compressão de imagem. Em algum lugar na faixa de 60-75 parece ser as melhores opções e ainda reduzem consideravelmente o tamanho do arquivo.
Este usa uma qualidade de 60. Nada mal para uma imagem de 324 KB.

Pensamentos finais

O WP Squish não é apenas fácil de usar, ele economiza muito espaço no seu servidor WordPress. Isso também significa que suas páginas carregam mais rápido e é mais provável que seus visitantes fiquem por perto até que suas páginas sejam carregadas em seus navegadores. O nível de compressão comparado com a qualidade é incrível. Elas estão ainda mais compactadas neste artigo, mas as imagens ainda devem contar a história.

Eu gosto que você possa ajustar cada tipo de imagem individualmente. Também gosto que você possa limitar as dimensões gerais e fazer com que as imagens maiores que o seu limite sejam redimensionadas automaticamente para esse limite. Isso evita que você tenha que redimensionar suas fotos toda vez que quiser fazer upload de algo (o que é algo que costumo esquecer).

WP Squish é um excelente plugin para compressão JPEG e é um plugin fácil de recomendar. Se você precisar de um plug-in gratuito para compactar JPEGs e limitar suas dimensões à medida que são enviados para o WordPress, vale a pena tentar WP Squish.

Já experimentou o WP Squish? Deixe-nos saber o que você pensa sobre isso nos comentários.