Converter para WebP no WordPress reduz o peso das imagens sem trocar o layout. Segundo o Google (2024), as imagens com perdas ficam 25-34% menores que o JPEG equivalente. O ganho real depende do fallback para navegadores antigos. Escolha plugin, servidor ou CDN e valide no PageSpeed.

Converter WebP no WordPress significa gerar uma versão mais leve de cada JPEG ou PNG e servi-la quando o navegador aceitar. O formato mantem a qualidade visual e corta bytes que pesam no carregamento. No suporte da FULL, imagem pesada é a causa número um de Largest Contentful Paint ruim em sites de conteúdo. Antes de instalar qualquer plugin, vale entender o caminho da conversao, o papel do fallback e como medir o resultado no relatório de Core Web Vitals. Este guia cobre as quatro etapas, do diagnóstico a validação final.

Primeiros passos: Visao geral do WebP

A conversao para WebP segue três caminhos: plugin, servidor ou CDN. Na maioria dos sites que chegam ao suporte da FULL com nota baixa no PageSpeed, o gargalo principal é o acervo de imagens em JPEG sem compressao. O formato resolve isso na origem: o mesmo visual, com 25-34% menos peso.

A escolha entre plugin, servidor ou CDN depende do seu acesso ao ambiente e do volume de imagens. A tabela abaixo resume qual serve a cada cenario. Veja a comparacao direta antes de decidir.

Por que o WebP reduz o peso sem perder qualidade

O WebP comprime melhor porque usa predicao de blocos do codec VP8, mais eficiente que o algoritmo do JPEG de 1992. Segundo o Google, a versão sem perdas fica 26% menor que o PNG e a com perdas, 25-34% menor que o JPEG no mesmo indice SSIM de qualidade. Na prática, uma foto de 480 KB cai para algo entre 310 KB e 360 KB sem perda visivel.

Esse corte direto no peso alivia o Largest Contentful Paint, a métrica de Core Web Vitals mais sensivel a imagens grandes acima da dobra. A diferenca aparece principalmente em fotos e capturas de tela, que concentram a maior parte dos bytes de uma página de conteúdo. Ilustracoes simples e logos com poucas cores já são leves e ganham menos. Por isso o maior retorno vem de converter o acervo de fotos, não cada icone do tema. Quanto mais pesado o acervo original, maior o ganho relativo no carregamento.

Diagnóstico: Meça o peso atual das imagens

Antes de converter, meça o estado atual: rode a análise do tipo de arquivo das suas imagens e o PageSpeed. O Google PageSpeed Insights aponta exatamente quanto cada imagem custa em KB e quais estão acima da dobra. Em testes de campo da FULL, sites com mais de 70% do peso da página vindo de imagens costumam ganhar de 0,5 a 1,2 segundo no LCP.

Liste as cinco imagens mais pesadas no relatório do PageSpeed e use-as como referência para medir o antes e o depois. Esse diagnóstico também revela imagens fora de escala, servidas em 2000 px quando o layout exibe 800 px. Esse caso e comum em temas que carregam a imagem original em todos os tamanhos. Corrigir a dimensão real e converter o formato, juntos, multiplicam o ganho de performance, porque você ataca peso e resolucao ao mesmo tempo. Anote os números do diagnóstico: eles viram a sua linha de base.

Como escolher o método de conversao para WebP

Existem três formas de gerar o WebP, e a melhor depende do seu acesso ao ambiente. Plugins como Imagify e WP-Optimize convertem dentro do WordPress, sem tocar no servidor, ideais para a maioria dos sites. No nível de servidor, módulos como o Nginx com regra de reescrita servem o formato por content negotiation, útil para acervos acima de 10 mil arquivos.

Já o Cloudflare Polish converte na borda da CDN, sem nenhum processamento local, o que poupa CPU em planos compartilhados. Para quem prefere converter manualmente algumas imagens, o Squoosh, ferramenta aberta do Google, gera o arquivo no próprio navegador, útil para um banner crítico ou a imagem de capa. A regra prática: comece pelo plugin se não tem acesso root, valide o resultado e so suba para servidor ou CDN quando o volume de imagens realmente justificar a complexidade extra.

Passo a passo: Converter para WebP com plugin

Converter o acervo com um plugin leva poucos minutos e não exige conhecimento de servidor. O fluxo abaixo usa o Imagify como exemplo, mas vale para a maioria dos plugins de otimização de imagem. Em sites com muitas imagens, ative a conversao em lotes para não estourar o limite de execucao do PHP.

Instale e conecte o plugin de imagem

Instale o Imagify ou o WP-Optimize pelo painel de plugins do WordPress. No Imagify, crie a chave de API gratuita e cole nas configurações. O plano gratuito cobre cerca de 20 MB de imagens por mes, suficiente para testar.

Ative a geração de WebP e o fallback

Nas opções do plugin, marque “Criar versão WebP das imagens” e escolha o modo de entrega: tag picture ou regra .htaccess. A tag picture serve o arquivo convertido com fallback automático para JPEG em navegadores antigos, evitando imagem quebrada no Safari abaixo da versão 14.

Converta o acervo em lotes

Rode a otimização em massa, mas em lotes de 200 a 300 imagens por vez. Converter 3 mil imagens de uma so vez tende a estourar o max_execution_time do PHP e travar a fila. Agende os lotes para horarios de baixo tráfego.

Valide a entrega no navegador

Abra o site, pressione F12, va na aba Network e recarregue. Filtre por imagens e confirme que o tipo aparece como WebP. Se ainda aparecer jpeg, limpe o cache de página e o cache da CDN antes de testar de novo.

Fallback do WebP para navegadores antigos

O fallback evita que o WebP apareça quebrado para quem usa navegador sem suporte, e isso é inegociavel. Segundo o Can I Use, o formato tem suporte em mais de 96% dos navegadores em uso, mas os 4% restantes ainda existem em Safari muito antigo e Internet Explorer 11.

Uma imagem entregue sem fallback configurado, em navegador antigo sem suporte e com servidor sem content negotiation, resulta em icone vazio no lugar da foto. A tag picture do HTML resolve isso: o navegador escolhe a versão convertida se aceitar, ou cai para o JPEG original sem o leitor perceber. Plugins serios já fazem isso por padrão, mas vale confirmar nas configurações antes de publicar. Nos tickets da FULL, imagem quebrada após a conversao quase sempre é fallback ausente, não bug do plugin. O teste rápido e abrir o site num navegador atualizado e num antigo: se a foto some so no antigo, o fallback não esta ativo.

Como validar o ganho no Core Web Vitals

Depois de converter, meça de novo para provar o ganho: rode o PageSpeed Insights e compare o LCP antes e depois. O web.dev recomenda manter o Largest Contentful Paint abaixo de 2,5 segundos para a maioria das visitas. Em sites de conteúdo no suporte da FULL, o LCP tende a cair entre 15% e 30% após a troca.

Combine a conversao com lazy load nas imagens abaixo da dobra para somar ganhos, já que adiar o carregamento do que esta fora da tela alivia ainda mais o primeiro paint. Teste também no relatório de campo do PageSpeed, que reflete usuários reais, não so o laboratorio. Documente o número antes e depois: é a única forma de saber se a otimização realmente moveu a métrica que o Google usa para ranquear.

Conflitos comuns ao ativar WebP no WordPress

Ativar duas camadas de conversao ao mesmo tempo desperdiça CPU sem ganho extra, e esse é o erro mais comum. Plugin de conversao WebP ativo, com Cloudflare Polish ligado e cache de página antigo, faz a imagem ser convertida duas vezes: o servidor processa o que a CDN já entregaria de graca, com mais CPU e nenhum byte a menos.

A regra é escolher uma camada: ou o plugin local, ou a CDN, nunca as duas para o mesmo acervo. Outro conflito frequente aparece com o Perfmatters e seus controles de imagem ativos junto de um conversor dedicado. Em ambientes com mais de uma ferramenta de performance, desative os recursos de imagem duplicados antes de medir. Um terceiro problema e o cache de página servir a versão JPEG antiga depois da conversao: limpar o cache e obrigatório para o navegador buscar o arquivo novo. Sempre que trocar de método, purgue o cache local e o da CDN, recarregue sem cache e confira o tipo do arquivo na aba Network do navegador antes de declarar a tarefa concluida.

Otimize WebP em escala com o bundle da FULL

A gente ve no suporte da FULL que gerenciar conversao de imagem site a site não escala para quem cuida de vários projetos. O plano PRO da FULL custa R$849,90 por mes e cobre 10 sites com os 17 plugins premium inclusos, entre eles o Imagify e o WP-Optimize para otimização de imagens gerenciada no bundle.

Isso da R$85 por site por mes, em qualquer hospedagem, com o formato moderno, lazy load e cache configurados de forma consistente sem instalar e licenciar plugin por plugin. Vale lembrar que a FULL não hospeda o seu site: o bundle entrega os plugins premium e a otimização gerenciada por cima da hospedagem que você já usa. Para acervos grandes, essa gestão evita os timeouts de conversao em massa que travam servidores compartilhados e padroniza a configuração entre todos os projetos da sua carteira.

Caminho rápido de decisao para o WebP

A decisao de como converter depende de três variaveis: acesso ao servidor, volume de imagens e uso de CDN. A arvore abaixo resume a escolha em cenarios objetivos, cada um auto-contido. Use o ramo que descreve o seu ambiente atual e siga a recomendacao factual.

• Se você não tem acesso root ao servidor → use um plugin como Imagify ou WP-Optimize, que converte dentro do WordPress.
• Se o site já usa Cloudflare → ative o Polish na CDN e evite plugin de conversao local para não duplicar o trabalho.
• Se o acervo passa de 2 mil imagens → converta em lotes de 200 a 300 por job agendado na madrugada para evitar timeout do PHP.
• Se parte do público usa navegador muito antigo → garanta o fallback por tag picture antes de ativar WebP em produção.

Perguntas frequentes sobre converter WebP no WordPress

Próximos passos para acelerar o WordPress com WebP

Converter para WebP é um dos ajustes de maior retorno em performance: corta de 25% a 34% do peso das imagens com uma única configuração bem feita. Comece pelo diagnóstico no PageSpeed, escolha entre plugin, servidor ou CDN conforme o seu acesso, garanta o fallback e meça o LCP antes e depois. Evite empilhar duas camadas de conversao, que so gastam CPU. Para ir além da imagem e tratar cache, banco e scripts, veja o guia de como acelerar o WordPress e o resto dos conteúdos de performance WordPress da FULL. Para aprender no próprio ritmo, o FULL Academy reune os tutoriais de otimização em um so lugar.

Legenda: a mesma foto convertida pesa de 25% a 34% menos que o JPEG, o que alivia o LCP.