O que veremos neste resumo são os melhores otimizadores de imagens do WordPress.
Cada um deles afirma ser a melhor ferramenta para esse fim. Então, nós os testamos na vida real para ver como eles realmente funcionam.
Os resultados dos nossos testes realmente nos surpreenderam. Continue lendo para descobrir exatamente o que descobrimos, especialmente sobre plug-ins “populares”.
Por que se preocupar em otimizar imagens?
As imagens representam aprox. 21% do tamanho de uma determinada página .
Quanto mais imagens você usar em seu conteúdo, mais tempo levará para a página carregar. Mas você ainda deve usar imagens em seu site. Otimizar suas imagens no Photoshop ou similar costumava ser a única maneira de reduzir o tamanho de uma imagem.
Mas é preciso muito trabalho e um certo conhecimento. Felizmente, há uma grande variedade de plug-ins de otimização de imagens para WordPress fazerem esse trabalho para você.
Aqui estão os plug-ins que testamos.
Melhores plug-ins de otimização de imagens para WordPress
Imagify
Imagify é um plugin gratuito para WordPress, mas você precisará criar uma conta Imagify.io para obter a API necessária para o plugin funcionar.
Imagify vem das mesmas pessoas que criaram WP Rocket , então tínhamos grandes expectativas em termos de recursos e capacidades.
Interface de imagem
Você não terá que se preocupar com múltiplas abas, menus laterais ou algo assim – a interface do Imagify ocupa uma única página:
É um pouco intimidante à primeira vista, mas na verdade existem apenas algumas configurações com as quais você precisa se preocupar, como o “nível de otimização” e a ativação do suporte a imagens.
É mais ou menos isso.
Um recurso muito legal é que você pode otimizar suas imagens tema WordPressou apenas adicione uma pasta inteira de imagens:
A ferramenta “Comparação Visual” é um toque legal: você pode visualizar os diferentes níveis de compactação de imagem disponíveis no plugin:
otimização de imagens
Você pode escolher três tipos diferentes de compactação de imagem:
- Normal – compressão mínima
- Agressivo – compressão média (configuração padrão)
- Ultra-compressão máxima
Como acontece com a maioria desses plug-ins, você pode fazer “otimização em massa” para imagens existentes, mas queríamos testar como isso lidava com a otimização de novas imagens.
Como fazer isso não estava muito claro – houve algumas tentativas e erros envolvidos.
Você precisa primeiro fazer upload da imagem e, em seguida, ir para sua biblioteca de mídia no WordPress para encontrar as configurações de otimização:
Sua imagem é otimizada de acordo com a configuração padrão do plugin Imagify, e neste caso foi a configuração “Agressivo” que reduziu o tamanho do arquivo em um impressionantes 95,34% .
Em termos reais, isso significa que o tamanho do arquivo caiu de 555 KB para 25 KB.
Você pode optar por otimizar até 'Ultra' ou até 'Normal' nesta tela, bem como restaurar o arquivo de imagem ao seu estado original.
Você pode até comparar a qualidade do arquivo original com a versão recém-otimizada antes de publicá-lo:
Avantages
- Compressão de imagem muito impressionante
- Seu plano gratuito cobre 25 MB de largura de banda de imagem por mês
- A interface mínima é muito fácil de usar
DESVANTAGENS
- Uma guia separada para as configurações de "Administrador" seria legal, mas estamos criticando aqui
Resumo do Imagify:
- Facilidade de instalação: você precisa se registrar para acessar a chave API
- Última atualização : há 2 semanas
- Suporte de imagem WebP: sim
- Teste a compactação da imagem: 95,34%
Smush
Smush (anteriormente WP Smush) é um dos plug-ins de compactação de imagens mais populares.
Na verdade, se você perguntasse à maioria dos proprietários de sites o que eles usam para compactação de imagens, eles provavelmente diriam “Smush”. Isso também explica por que o plugin tem 1 de instalações ativas.
Mas vamos ver se ele merece sua reputação?
Interface esmagadora
O painel é muito claro e informa quantas imagens você substituiu e quantas imagens precisam ser substituídas no momento:
O restante das funções do Smush podem ser acessadas em um menu no lado esquerdo da tela:
- massa Smush – comprima todas as suas imagens de uma vez
- Diretório Smush – compacta todas as imagens em um determinado diretório
- integrações – Gutenberg, Galeria Amazon S3 NextGen e WP Bakery página Builder
- carga Tardia – adiar o carregamento de imagens abaixo da dobra
- CDN – Habilitar CDN do desenvolvedor WPMU para Smush
- Outils – Detectar e exibir imagens de tamanho incorreto
- parametros – Acessibilidade, traduções, rastreamento de uso, dados de aplicativos e status da API
Para ser justo, as únicas configurações que você provavelmente precisará observar são ‘Bulk Smush’ e ‘Lazy Load’.
otimização de imagens
O Smush compacta automaticamente novas imagens por padrão, então tivemos que desativar essa configuração para realmente ver o que o Smush estava fazendo.
E é por isso que você vê que é a configuração padrão...porque não há outras configurações de compactação de imagem para brincar:
Smush, ou não Smush… eis a questão!
E quando você faz Smush, os resultados não são exatamente incríveis:
Smush nos deu um Redução de 3,7% no tamanho para nossa imagem de teste.
Para sermos realmente justos, testamos outra imagem maior para ver se estava tão boa quanto as coisas estavam:
Desta vez obtivemos uma redução de 86,1% no tamanho da imagem. Smush fez um trabalho muito melhor ao compactar um arquivo de 1,5 MB do que um arquivo de 555 KB. E depois de comparar as imagens, descobrimos o porquê: a imagem maior tinha menos cores e era menos complexa.
O que significa que o algoritmo de compressão Smush é o mais básico possível.
Avantages
- O Smush Dashboard oferece uma representação visual clara do seu estatística e tarefas
- É um plugin 100% gratuito
DESVANTAGENS
- Uma “melhoria” de 3% no tamanho do arquivo é lamentável
- Você não pode alterar os níveis de compactação
Resumo de Smush:
- Facilidade de instalação: instalar e ativar no WordPress
- Atualização mais recente do plug-in: há 1 meses
- Teste a compactação da imagem: 3,7%
- Suporte WebP? não
ShortPixel
ShortPixel é um nome que você talvez não conheça imediatamente, mas eles estão desenvolvendo uma reputação como um dos melhores CDNs de imagem do mercado.
A primeira coisa que precisamos abordar aqui é que na verdade existem dois plug-ins ShortPixel diferentes:
- Otimizador de imagem ShortPixel (SIO)
- Imagens adaptativas ShortPixel (SAI)
Então, qual é a diferença entre eles?
ShortPixel Image Optimizer é a melhor escolha para sites disseminar dados para um público local , e ShortPixel Adaptive Images é mais adequado para sites que atendem ao público internacional.
É por isso que testamos apenas o plugin “Adaptive Images”.
A instalação do plugin é simples, mas você precisará solicitar uma API para que tudo funcione corretamente.
Interface ShortPixel
Eles optaram por uma abordagem minimalista em sua interface, o que é uma lufada de ar fresco em comparação com alguns outros plug-ins:
Na guia “Geral”, você pode escolher entre três níveis de compactação:
- Com perda – maior compressão, menor qualidade de imagem
- Brillant – quase idêntico à imagem original
- Sem perda : menor compactação, maior qualidade de imagem
O suporte WebP está habilitado por padrão, assim como o carregamento lento de imagens. A única coisa que você precisa escolher é o tipo de compactação que deseja usar.
A guia “Avançado” contém o URL da API e algumas configurações que 99% de vocês nunca precisarão.
Novamente, quase nenhuma configuração está envolvida.
Compressão de imagem
ShortPixel cuida de suas necessidades de compactação de imagem "on the fly", por isso é um pouco difícil medir os resultados.
Na verdade, a única maneira de encontrar estatística sobre compactação de imagem é através do site deles.
E você precisa baixar um relatório separado que só é atualizado uma vez por hora:
Mas os resultados foram impressionantes… assim que os encontramos:
Nós temos um Redução de 94,36% no tamanho do arquivo , obtido sem qualquer ajuste, manipulação ou manipulação de diversos parâmetros.
Essa pontuação coloca o ShortPixel em 3º lugar, mas apenas pela menor margem.
Avantages
- Defina e esqueça a otimização de imagem
- Excelente redução do tamanho do arquivo de imagem
- Nenhuma manipulação de configurações complicadas
- Conta gratuita disponível (100 imagens por mês)
DESVANTAGENS
- Eles precisam de um painel de relatórios no plugin
- Vários plug-ins disponíveis são confusos
Resumo do ShortPixel:
- Instalação: instalar e ativar no WordPress
- Atualização mais recente do plug-in: há 16 horas
- Teste a compactação da imagem: 94,36%
- Suporte WebP? sim
Otimizador EWWW
Com 700 instalações ativas e uma classificação de 000 estrelas, EWWW parece uma boa escolha como plugin de compactação de imagem.
Afinal, se centenas de milhares de proprietários de sites estão satisfeitos com isso, então devem estar fazendo algo certo.
Interface
EWWW Image Optimizer possui um painel muito visual, exibindo o nível de compactação de imagem que você pode esperar, bem como quanto espaço de arquivo você economizou até agora.
Você deve ter notado que seu nível de compactação está definido em 20%, o que ainda não parece tão ruim.
Até você perceber no menu "Básico" que não é possível alterar os níveis de otimização para qualquer tipo de imagem:
Você precisa adquirir uma chave API para acessar o “Pixel Perfect Plus” ou ferramentas de compactação melhores.
Discutiremos essa falha com mais detalhes na próxima seção.
O restante da interface é acessado por meio de um menu com guias, mas achamos que os novos usuários podem se sentir realmente confusos ao verem as dezenas de opções diferentes que podem ser ativadas ou desativadas.
Compressão de imagem
Assim como o Smush, o EWWW Image Optimizer compacta automaticamente todas as novas imagens enviadas para sua biblioteca de mídia WP.
Infelizmente, a única maneira de fazer isso é editar manualmente seu arquivo wp_config.php, ou o que eles chamam de " opções de substituição ".
Esse descuido torna o plugin instantaneamente inacessível para um grande número de pessoas.
Executamos nosso teste do plugin usando sua configuração de otimização padrão e obtivemos este resultado:
Essa redução de 9% no tamanho do arquivo (58,8 KB) reduziu o tamanho da nossa imagem de teste de 555 KB para 496,2 KB. Este é um desempenho um pouco melhor que o Smush, mas muito atrás de todos os outros plugins desta síntese.
A única maneira de melhorar esse resultado é adquirir uma API que cobra US$ 0,0003 por imagem. Ou você pode pagar US$ 9 por mês pelo CDN de imagem ExactDN.
Pode parecer uma jogada de marketing inteligente, mas efetivamente torna seu plugin gratuito inútil.
É apenas uma ferramenta de geração de leads vestida como um plugin de otimização de imagem.
Avantages
- EWWW Otimizador de imagem é gratuito
DESVANTAGENS
- A interface é um verdadeiro desastre
- A compactação da imagem é muito ruim
- A versão gratuita do plugin é extremamente limitada em funcionalidade
Resumo de EWWW
- Instalação: instalar e ativar no WordPress
- Atualização mais recente do plug-in: há 2 semanas
- Compressão de imagem: 9%
- Suporte WebP? sim
Optimole
Optimole é um produto com muitas semelhanças com Imagify e ShortPixel, pois oferece otimização e compactação de imagens baseadas em nuvem.
Ou, em suas próprias palavras, “…um processamento de imagens em tempo real e CDN de imagens para WordPress”.
E como a maioria das outras ferramentas de otimização de imagens baseadas em nuvem, você precisa criar uma conta gratuita para usar este plugin. A sua conta Optimole não é “gratuita para sempre”: é-lhe imposto um limite de imagem de 1 GB.
Interface
Adoramos a interface do Optimole – eles conseguiram mantê-la aparentemente simples, ao mesmo tempo que mantinham todas as configurações necessárias ao seu alcance.
Você pode escolher entre "Painel" e "Configurações":
Em Configurações, você tem duas opções principais:
- Habilitar substituição de imagem
- Dimensionar imagens e carregamento lento
E no menu “Avançado”, você pode escolher entre:
- Nível de compactação – baixo, médio ou alto
- Redimensionamento de imagem – redimensionar imagens grandes para caber
- Carregamento lento (habilitar espaço reservado genérico)
- Não Inclui: – arquivos que você não deseja otimizar
- marca d'água – adicione uma marca d’água às suas imagens para impedir sanguessugas/roubos
Teria sido considerada a interface mais intuitiva do grupo se não fosse por um erro flagrante.
Acessar o plugin significa ir em Plugins -> Plugins Instalados e rolar para baixo para clicar em "Configurações" do plugin.
Esperamos que eles corrijam esse problema em uma atualização futura com algum tipo de barra de administração ou sistema de menu de contexto.
Compressão de imagem
Portanto, a interface é ótima, mas quão bem ela consegue reduzir o tamanho do arquivo de imagem?
Bem, foi aqui que as coisas desmoronaram um pouco. Ele não se integra à biblioteca de mídia, então não pudemos ver nenhum encolhimento dos arquivos de imagem ali. Após algumas manipulações e atualizações, voltamos ao painel e encontramos o resultado lá:
Nossa imagem de teste agora é 21,8x menor do que antes, o que parece incrível. Mas ainda tínhamos sem ideia o que isso significava em quilobytes/megabytes. Portanto, verificamos o painel da web da nossa conta Optimole como último recurso:
26 KB é um resultado incrível, mas há muitos obstáculos a serem superados para obter essa informação. O Optimole faz seu trabalho muito bem, mas precisa trabalhar em sua experiência do usuário.
Você também precisa considerar seus custos depois de usar 1 GB gratuito de imagens por mês (5 GB de largura de banda de visualização).
Avantages
- Capacidade impressionante de redução de imagem
- O recurso de marca d'água é muito legal
- Interface simplificada e intuitiva
- 5 GB de largura de banda de imagem gratuita por mês
DESVANTAGENS
- Na verdade, acessar o plugin é uma tarefa árdua
- Os relatórios são complicados, para dizer o mínimo
Resumo de Optimole
- Facilidade de instalação: você precisa se registrar para acessar a chave API
- Atualização mais recente do plug-in: há 1 dia
- Compressão de imagem: 95%
- Suporte WebP? sim
Resultados de compactação de imagem
Todos os resultados abaixo são baseados nesta imagem de teste:
- Tamanho da imagem original: 555 KB
- Formato de imagem: JPEG
- Dimensões da imagem: 1px x 000px
| Plugin | Tamanho compactado | Porcentagem de desconto |
|---|---|---|
| Imagify | 25,8 KB | 95% |
| Smush | 554,8 KB | 3% |
| ShortPixel | 31,2 KB | 94% |
| EWWW | 496,2 KB | 9% |
| Optimole | 26 KB | 95% |
O plugin com melhor resultado de otimização de imagem é Imagify.io , com Optimole em 2º lugar e ShortPixel chegando muito, muito perto em 3º.
O que mais chamou a atenção em nossos testes foi o fraco desempenho do Smush e do EWWW, mas os números não mentem.
Não faz sentido usar plugins que literalmente não fazem o que dizem.
Conclusão
E isso nos leva ao final de nossa comparação do otimizador de imagens WordPress, com o Imagify claramente se tornando o vencedor.
Ficamos genuinamente surpresos com o desempenho da Imagify e Optimole em nossos testes.
No entanto, isso se baseou no fato de que não sabíamos muito sobre nenhum dos plugins, e não em qualquer percepção negativa de nossa parte.
ShortPixel é nossa ferramenta preferida, simplesmente porque é quase automatizada: apenas deixamos que ela faça seu trabalho.
Como você provavelmente sabe, gostamos de sistematizar quase tudo o que fazemos. Mas dito isso, poderíamos fazer mais testes com o Imagify em sites ativos para ver como ele se sai.
Deixe-nos saber o que você achou deste resumo com um comentário e não se esqueça de compartilhar este artigo se você o achou útil.
Vá em frente, você sabe que quer!
