Otimizar imagens no WordPress é uma das formas mais rápidas de melhorar a velocidade do site. Neste guia, você vai entender o que realmente pesa, como reduzir tamanho sem perder qualidade e como servir imagens em WebP para eliminar o aviso de “formatos modernos” no PageSpeed quando a configuração estiver correta.
O que significa “otimizar imagens” no WordPress
Otimizar imagens no WordPress não é só “converter para WebP”. É garantir que cada imagem seja entregue do jeito mais leve possível sem perder qualidade percebida. Na prática, isso envolve quatro coisas: tamanho correto (não carregar uma imagem gigante para exibir pequena), compressão (reduzir peso mantendo boa aparência), formato moderno (WebP/AVIF quando faz sentido) e entrega eficiente (para o navegador receber o melhor arquivo disponível).
Quando você faz isso direito, o site carrega mais rápido, usa menos banda e tende a melhorar métricas de performance. E o melhor: é um dos ganhos mais fáceis de obter porque imagem costuma ser a parte mais pesada de muitas páginas.
Por que isso deixa o site mais rápido (e melhora o PageSpeed)
O PageSpeed/Lighthouse costuma apontar imagens por dois motivos principais: (1) arquivos grandes demais e (2) imagens antigas (JPEG/PNG) onde um formato moderno economizaria bastante. O relatório “Servir imagens em formatos modernos” existe justamente porque WebP/AVIF normalmente entregam o mesmo visual com menos KB, reduzindo tempo de download e melhorando carregamento, especialmente no mobile.
Um detalhe que muita gente ignora: converter não basta. O aviso só some quando o site realmente está servindo WebP (ou AVIF) aos navegadores que suportam e entregando JPEG/PNG como fallback quando não suportam.
Antes de converter para WebP: o que evita dor depois
Antes de pensar em plugin, resolva o básico (isso evita “otimizei e não mudou nada”):
1. Redimensione antes de subir
Se a imagem vai aparecer com ~1200px de largura, subir 4000px é desperdício e geralmente não traz benefício real. (O ideal depende do layout, mas o ponto é: tamanho coerente com o uso.)
2. Comprima (sem destruir a qualidade)
Compressão reduz peso sem você “perceber” a perda na maioria dos casos. Dá para fazer antes do upload ou com ferramentas/plugins.
3. Escolha o formato certo para cada caso
WebP ajuda muito, mas o resultado final ainda depende do tipo de imagem (foto, arte, transparência). A regra prática é: foto quase sempre ganha com compressão/formato moderno; artes simples e transparência exigem mais atenção.
4. Tenha uma cópia segura do original
Ferramentas de otimização em massa podem alterar arquivos. Se você exagerar na compressão, o dano é difícil de reverter sem o original.
Como converter imagens para WebP no WordPress (WebP Express)
Passo 1 — Instale e abra as configurações do WebP Express
No WordPress: Plugins → Adicionar novo → WebP Express → Instalar → Ativar.
Depois vá em Configurações → WebP Express. O plugin não faz nada até você configurar.
Passo 2 — Escolha o “modo de operação” (o que define como o WebP será entregue)
O WebP Express tem dois modos principais (é a decisão mais importante):
1) Varied image responses (padrão recomendado se você não usa CDN problemática)
Entrega WebP só para navegadores compatíveis e mantém JPEG/PNG como fallback.
2) CDN friendly (se você usa CDN/cache que não lida bem com varied responses)
Pensado para evitar dores com cache/CDN.
Passo 3 — Garanta que existe um método de conversão funcionando (check verde)
Na tela do plugin, verifique se ao menos um método de conversão está disponível e marcado como “ok” (check verde). Sem isso, não há WebP gerado.
Passo 4 — Ative conversão automática (para imagens novas)
Para não depender só de “converter em massa”, você tem opções:
- Convert on upload (converte quando você envia uma imagem)
- ou usar regras de redirecionamento/conversão na entrega
- ou cron/WP-CLI (mais avançado)
Passo 5 — Converta o acervo atual (Bulk Convert)
Depois de configurar, faça a conversão das imagens que já estão no site usando Bulk Convert. Isso cria versões WebP do que já existe na biblioteca.
Passo 6 — Salve e aplique as regras (ponto que muita gente pula)
Clique em Save settings. No modo “Varied image responses”, isso grava regras em .htaccess nas pastas relevantes para que o servidor entregue WebP quando apropriado.
Passo 7 — Verifique se está funcionando (Live test + conferência rápida)
Use os botões Live test do próprio plugin (mais confiável do que “achar” no olho).
Se você quiser validar manualmente: lembre que, em “varied responses”, a URL pode continuar parecendo .jpg/.png mesmo quando o navegador recebeu WebP.
E no PageSpeed/Lighthouse, o objetivo é reduzir/remover o alerta de “imagens em formatos modernos”.
Como testar se o site está servindo WebP (sem adivinhação)
1) Use o “Live test” do WebP Express (mais confiável)
No WebP Express → Settings, use os botões Live test. Eles verificam se:
- WebP está sendo entregue para browsers compatíveis
- fallback JPG/PNG funciona para browsers sem suporte
- header Vary: Accept está correto (importante em “Varied image responses”)
2) Verifique pelo PageSpeed/Lighthouse (o sintoma mais comum)
Rode o PageSpeed Insights e veja se o aviso “Serve images in modern formats” diminui/some. Esse relatório aponta imagens JPEG/PNG onde haveria ganho usando WebP/AVIF.
3) Validação manual rápida (para ter certeza)
Abra uma página do seu site no Chrome → F12 (DevTools) → Network → Img → clique numa imagem → confira Response Headers:
- Procure content-type: image/webp (quando o browser suporta).
- No modo “varied responses”, a URL pode continuar parecendo .jpg/.png mesmo quando o conteúdo entregue é WebP — isso é esperado.
Se o PageSpeed continuar reclamando
As causas mais comuns:
- você gerou WebP, mas não aplicou/ativou as regras (faltou “Save settings”)
- cache/CDN está entregando sempre a mesma versão (precisa ajustar para varied/CDN-friendly)
No fim, otimização de imagens é consistência: usar tamanho certo, comprimir e servir formatos modernos como WebP. O WordPress já aceita WebP, e com o WebP Express bem configurado você entrega WebP quando o navegador suporta (com fallback quando não suporta), reduzindo peso e melhorando métricas.
