É de conhecimento geral o quanto o WordPress expande suas funcionalidades através de plugins, o que poucos sabem é a vasta quantidade de plugins de otimização de imagens para WordPress. Eles são úteis para organizar a biblioteca de mídia, alterar a funcionalidade padrão de figuras e possibilitar a otimização de imagens de forma facilitada.
Nesse artigo, vamos explorar os principais plugins do segmento, dando uma ideia de como seu site pode usufruir de cada um deles. Adiantamos que todos os plugins aqui são extremamente úteis, a depender da sua necessidade, e que vale a pena dar uma chance para eles, uma vez que a automatização de certas tarefas com imagens podem ocasionar um ganho imenso de produtividade.
Nossa recomendação, claro, é que o conteúdo seja lido até o final e que os plugins sejam devidamente testados na sua instalação. Temos certeza de que a otimização das suas imagens tem muito a contribuir com toda a sua estratégia de conteúdo.
PS: Esse é um complemento do artigo Como otimizar imagens no WordPress e fazer seu site carregar (muito) mais rápido.
Por que instalar plugins de otimização de imagens no WordPress?
As imagens compõem a parte estratégica de todos os sites na internet. Afinal de contas, elas conseguem cooperar diretamente para a compreensão do conteúdo e, até mesmo, para a identificação do usuário. Entretanto, embora esses pontos sejam bem positivos, as imagens possuem um fator ainda mais importante: SEO.
É através das imagens, junto com a parte textual, que o Google consegue identificar com clareza se o conteúdo é otimizado para o usuário, de forma a avaliar se o seu site merece estar no topo dos resultados de busca.
Esse é o real poder da instalação de plugins de otimização de imagens no WordPress: otimizar seu site e conteúdo para conseguir muito mais resultados através dos seus posts, gerando cada vez mais autoridade para seu domínio e marca.
Pensando nisso, além de mostrar os plugins, destacamos os benefícios de utilizá-los. Uns serão muito úteis para SEO, outros para produtividade e outros até mesmo para estilização do conteúdo. Confira a lista abaixo:
Os 7 melhores plugins de otimização de imagens no WordPress
1. Smush – Lazy Load Images, Optimize & Compress Images
Benefícios: Otimização de carregamento e SEO.
O Smush, antigo smush.it, é um plugin de otimização de imagens. De forma geral, ele gera versões de menor peso das imagens da sua biblioteca de mídia. Por exemplo, se um determinado arquivo de imagem pesa 200KB, ele consegue reduzir para 45KB, fazendo com que o carregamento do site seja otimizado de forma gradual.
Além do mais, essa redução não faz com que as imagens fiquem feias. O plugin encontra o ponto certo de reduzi-las sem prejudicar o aspecto visual delas.
Por último, uma função relevante do Smush é permitir que todas as suas imagens sejam otimizadas automaticamente assim que forem enviadas. Dessa forma, se tem a certeza de que toda a biblioteca de mídia estará otimizada.
PS: O Smush também conta com Lazy Load, que é o ato de deixar as imagens carregarem apenas quando o usuário está prestes a vê-la, fazendo com que toda a página apareça de forma quase instantânea.
2. Converter for Media – Optimize images | Convert WebP & AVIF
Benefícios: otimização de carregamento e SEO
Similar ao plugin anterior, o Converter For Media é um plugin de otimização de imagens. Entretanto, ao invés de reduzir a qualidade do arquivo, ele converte o formato de imagem (normalmente JPG, PNG ou GIF) para formatos ainda mais otimizados para web, como o WebP e AVIF.
Caso não conheça esses novos formatos feitos especificamente para utilização na internet, explicaremos com detalhes logo abaixo.
WebP
A WebP foi um formato de imagens criado pelo Google para exibir a mesma informação visual em tamanho menor. O objetivo principal, falando no aspecto prático, era compactar as imagens de forma mais eficiente, garantindo uma ótima experiência de usuário em sites e aplicações.
O formato foi tão eficaz que começou a ser aderido por desenvolvedores web para aumentar os resultados das páginas criadas. Para se ter ideia, arquivos em WebP reduzem, em média, 26% de PNGs e entre 25% e 34% em JPGs. Tudo isso, sem alterar o aspecto visual de maneira significante.
AVIF
Similar ao outro formato da categoria, o AVIF também compacta o tamanho das imagens para oferecer um melhor desempenho ao usuário. Entretanto, diferente do WebP, sua compressão é ainda maior, sendo até mesmo 50% menor que o JPG.
Muitos especialistas apontam o AVIF como formato do futuro, embora, para isso, seja necessário a adequação de todos os navegadores a executá-los.
3. Auto Image Attributes From Filename With Bulk Updater (Add Alt Text, Image Title For Image SEO)
Benefícios: Produtividade e SEO.
O Auto Imagem Attributes From Filename With Bulk Updater é um plugin que já preenche automaticamente o título, texto alternativo e descrição da imagem. Ele faz isso através do nome do arquivo. Por exemplo, se o nome do arquivo for “foto de homem de negócios”, o título, texto alternativo e descrição serão preenchidos com esse texto.
Por que se preocupar com isso? Porque é uma estratégia de SEO deixar o mais claro possível para os buscadores do que se trata a sua imagem. Dessa forma, se garante uma maior possibilidade de estar na primeira página do Google, quando uma palavra-chave do seu nicho for digitada.
4. Smart Image Resize – Make WooCommerce Images the Same Size
Benefício: produtividade.
Se possui uma loja virtual no WordPress através do Woocommerce, já deve ter percebido que deixar todas as imagens do seu produto do mesmo tamanho exige um trabalho imenso. Felizmente, não mais.
Com o Smart Image Resize, a sua loja fica mais profissional com imagens que são uniformes e do mesmo tamanho (sem a necessidade de cortar). É possível também:
- Remover espaços em branco ao redor da imagem;
- Definir uma cor de fundo personalizada para se adequar ao tema utilizado;
- Comprimir miniaturas de imagem para carregamento rápido;
- Gerar apenas miniaturas, de fato, necessárias e deletar as que não forem usadas;
- Escolher quais imagens otimizar o tamanho.
O uso do plugin é extremamente simples. Basta configurar o tamanho desejado e todas as novas imagens enviadas irão se adequar a ele.
5. Enable Media Replace
Benefício: produtividade.
O Enable Media Replace é um plugin gratuito, muito leve e simples de usar que possibilita substituir uma imagem da sua biblioteca de mídia carregando um novo arquivo no lugar.
Qual a vantagem disso? Digamos que está usando a mesma imagem em 10 posts diferentes. Caso queira mudar a imagem, teria que acessar os 10 posts individualmente e trocar pela desejada. Com o Enable Media Replace, bastaria ir na biblioteca de mídia, escolher a imagem correspondente e ela seria substituída automaticamente.
O plugin ainda conta com a opção de remover o fundo de qualquer imagem desejada, a fazendo aparecer transparente nas páginas do site. Para isso, as imagens enviadas são redirecionadas para a API do ShortPixel, que removerá o plano de fundo e as enviará de volta.
6. Interactive Image Map Plugin – Draw Attention
Benefício: localização destacada em mapas
O Interactive Image Map Plugin é pouco conhecido, mas possui uma função muito interessante para sites que possuem mapas ou infográficos: destacar seções específicas de imagens para mostrar dados relativos a elas.
Fazendo isso, por exemplo, é possível pegar uma imagem qualquer e definir quais pontos dessa imagem representam uma informação relevante. Dessa forma, quando o usuário passar o mouse em cima, ou clicar, será mostradas informações relevantes sobre o ponto destacado.
O Interactive Image Map Plugin é perfeito para mapas de esboço, plantas baixas interativas, anotações de esboço e, como já dito, infográficos. Tudo isso com um design responsivo que se adapta às telas menores, sem perder os pontos clicáveis da imagem.
Como essa ferramenta é a mais “diferente” das publicadas aqui nesse conteúdo, talvez seja interessante ver um vídeo dos criadores do Interactive Map Plugin, mostrando a extensão por dentro.
7. Flipbox - Awesomes Flip Boxes Image Overlay
Benefício: estilização de conteúdo
O Flipbox - Awesomes Flip Boxes Imagem Overlay é um plugin criador de Flipboxes, que são aqueles elementos de sites que quando se passa o mouse em cima, ele gira, como se fosse uma carta, mostrando as informações da parte de trás.
Normalmente, esse recurso é muito utilizado em páginas de venda ou de demonstração de equipe, em que cada card desse mostra a foto do membro da equipe de um lado e as suas informações no inverso.
O mais interessante do Flipbox é a conexão que ele tem com plugins criadores de página como Elementor, WPBakery, Divi Builder, Brizy, Beaver Builder, Visual Composer, SiteOrigin e Themify Builder.
Caso queira ver os exemplos de Fliboxes disponíveis, a Oxilab, equipe responsável pelo plugin, mostrou todos os cards disponíveis em uma só página.
8. Instant Images – One Click Unsplash, Pixabay and Pexels Uploads (Plugin bônus, muito interessante!)
Benefício: produtividade.
Normalmente, quem utiliza muitas imagens em suas postagens, segue esse tipo de rotina:
- Escreve o conteúdo;
- Pesquisa as imagens em sites como Pexels ou Unsplash;
- Baixa as imagens;
- As envia para a biblioteca de mídia do WordPress;
- As insere no conteúdo.
Imagine se os sites de imagens gratuitas estiverem vinculados diretamente a sua biblioteca de mídia! Com o Instant Images, isso é possível. Com apenas um único clique, é possível selecionar as imagens que deseja e colocá-las diretamente no seu site, sem a necessidade de ir em outro site e ficar baixando as imagens para seu computador, para depois enviar para o site.
Com isso, se tem um ganho de produtividade imenso, principalmente para conteúdos com muita informação visual.
Além do mais, o plugin permite que diversos sites sejam pesquisados ao mesmo tempo, o que te dá uma quantidade muito superior de imagens. Afinal de contas, olhar cada uma das imagens, sites por site, acaba tomando bastante tempo na produção de conteúdo.
Dúvidas frequentes sobre os plugins deotimização de imagens para WordPress
Devo instalar quais plugins de otimização de imagens?
Se utiliza imagens em JPG e PNG e deseja otimizá-las:
- Smush Lazy Load.
- Auto Image Attributes.
Se pretende utilizar imagens em WebP e deseja otimizá-las:
- Converter for media.
- Auto Image Attributes.
Se quiser mais produtividade:
- Auto Image Attributes.
- Smart Image Resize (se for uma loja virtual).
- Enable Media Replace.
- Instant Images.
- Smush.
É possível otimizar mais ainda as imagens?
É sim, o Smush possui uma versão profissional que conta com até duas vezes mais compressão e com alguns recursos extras como: seguir a recomendação do PageSpeed Insights, aumentando a pontuação do site nele; CDN (content delivery network, ou rede de distribuição de conteúdo, em português) própria; conversão para WebP e diversas integrações.
Depois de otimizar as imagens, com o quê devo me preocupar?
Basicamente com a criação de conteúdo de qualidade, levando em consideração o que sua audiência precisa. Uma vez que as imagens estejam completamente otimizadas, em relação a otimização de conteúdos visuais, não há muito o que ser feito.
É possível que um plugin interfira no outro?
Sim. Por isso, não é aconselhável instalar o Smush e o Converter for Media. Um pode muito bem interferir na configuração do outro, fazendo com que bugs sejam ocasionados ou que o site apresente erros.
Existem, dentre os otimizadores de imagens, muitos outros plugins. Não inserimos eles na lista porque a grande maioria deles gera conflito com o Smush, o que achamos melhor dentre eles.
Sugerimos também a leitura do post Como corrigir biblioteca de mídia do WordPress que não carrega as imagens.
Conclusão - Os melhores plugins deotimização de imagens
No artigo de hoje, mostramos os 7 melhores plugins de otimização de imagem para WordPress (e mais 1 bônus). Recomendamos o teste de cada um deles, alinhado, claro, com a sua estratégia de conteúdo.
Os plugins oferecem facilidades como: mais produtividade, otimização e até mesmo estilização de conteúdo, prontos para tornar a sua rotina de produção de posts bem mais simplificada.
Qualquer dúvida, por favor, utilize a caixa de comentários abaixo e, caso tenha alguma sugestão, por favor, compartilhe para que possamos inserir no artigo.
Um forte abraço! Nos vemos no próximo conteúdo!
Leia também: Os 8 melhores plugins de popup para WordPress.
