Como Converter Imagem para WebP (e Por Que Fazer Isso)

Se você já rodou um teste no Google PageSpeed Insights e recebeu o aviso "Veicule imagens em formatos de última geração", o Google está pedindo exatamente isso: converter suas imagens JPG e PNG para WebP. É uma das intervenções de maior impacto na performance de um site — e também uma das mais simples de implementar.

Por que converter para WebP?

WebP é um formato desenvolvido pelo Google e lançado em 2010, projetado especificamente para a web. Ele usa algoritmos de compressão mais modernos que JPG e PNG e oferece, na mesma qualidade visual:

• 25–35% menos peso que JPG em modo lossy (compressão com perda)
• 20–30% menos peso que PNG em modo lossless (compressão sem perda)
• Suporte a transparência (canal alfa) — diferente do JPG, que não tem
• Suporte a animações — diferente do PNG, que não tem nativamente

Na prática, o impacto é real. Uma galeria de produtos de e-commerce com 20 fotos de 300 KB cada em JPG (6 MB total) pode chegar a 4 MB em WebP com a mesma qualidade visual — uma redução de 33% no peso da página. Para o Google, isso significa LCP mais rápido, melhor nota no PageSpeed e potencial melhora no ranqueamento.

Quando não usar WebP

Apesar de ser o melhor formato para a web moderna, há situações onde WebP ainda não é a escolha certa:

• E-mail marketing: clientes de e-mail como Outlook e Apple Mail têm suporte inconsistente ao WebP. Para e-mails HTML, JPG e PNG continuam sendo mais seguros.
• Impressão gráfica: gráficas e softwares de impressão tradicionais não trabalham com WebP. Para arquivos destinados a impressão, use JPG de alta qualidade ou PNG.
• Plataformas com restrições de formato: o YouTube não aceita WebP para upload de thumbnails (aceita JPG e PNG). Alguns formulários de sistemas legados exigem JPG. Verifique o formato aceito antes de converter.
• Arquivos que precisam ser abertos por qualquer pessoa no computador: usuários finais que clicam em links de download e tentam abrir o arquivo no visualizador padrão do Windows podem ter problemas com WebP em versões antigas do sistema.

Método 1 — Conversão online (mais rápido, sem instalar nada)

Para converter imagens pontuais — ou quando você precisa de um resultado rápido sem configurar nada — um conversor online é o caminho mais direto. O Conversor de Imagem do ImageTools converte JPG, PNG e outros formatos para WebP diretamente no navegador, sem enviar os arquivos para servidores externos.

1. Acesse o Conversor de Imagem.
2. Selecione ou arraste as imagens para a área de upload.
3. Escolha WebP como formato de saída.
4. Baixe as imagens convertidas individualmente ou em ZIP se forem múltiplos arquivos.

Método 2 — WordPress (automático para todo o site)

Para sites em WordPress, a abordagem mais eficiente é usar um plugin que converte e serve WebP automaticamente — sem precisar reprocessar cada imagem manualmente.

WordPress 6.1+ (conversão nativa)

A partir da versão 6.1, o WordPress converte imagens para WebP automaticamente durante o upload, desde que o servidor tenha suporte à biblioteca libwebp (a maioria dos servidores modernos com PHP 8+ tem). Você não precisa fazer nada — o WordPress gera versões WebP das imagens e serve o formato correto para cada navegador automaticamente.

Para verificar se está ativo: vá em Configurações → Mídia e procure a opção de conversão WebP. Se não estiver disponível, o servidor não tem suporte — considere um plugin.

Com plugins (versões mais antigas ou maior controle)

Os plugins mais usados para conversão WebP no WordPress são:

• ShortPixel Image Optimizer — converte novas imagens no upload e tem opção de reprocessar toda a biblioteca existente. Gratuito até 100 imagens/mês.
• Imagify — interface simples, conversão automática e opção de otimização em lote. Plano gratuito disponível.
• WebP Express — plugin focado especificamente em WebP, converte e configura as regras de servidor automaticamente.

Método 3 — Linha de comando com cwebp (para desenvolvedores)

O Google distribui gratuitamente a ferramenta cwebp — o encoder oficial do WebP — para conversão via terminal. É o método mais rápido para converter lotes grandes de imagens em um servidor ou pipeline de build.

Instalação

# Ubuntu / Debian
sudo apt-get install webp

# macOS (Homebrew)
brew install webp

# Windows — baixe o binário em: https://developers.google.com/speed/webp/download

Conversão básica

# Converter um arquivo JPG para WebP com qualidade 80
cwebp -q 80 foto.jpg -o foto.webp

# Converter PNG para WebP lossless (sem perda)
cwebp -lossless logo.png -o logo.webp

# Converter todos os JPGs de uma pasta (Bash)
for f in *.jpg; do cwebp -q 80 "$f" -o "${f%.jpg}.webp"; done

O parâmetro -q controla a qualidade (0–100). Para a web, valores entre 75 e 85 oferecem o melhor equilíbrio entre qualidade visual e tamanho de arquivo. Use -lossless para imagens que precisam de compressão sem perda (logos, screenshots com texto).

Método 4 — Node.js com sharp (para pipelines de build)

Para projetos que usam Node.js — como sites em Next.js, Gatsby, Nuxt ou qualquer build automatizado — a biblioteca sharp é a opção mais eficiente para conversão WebP em pipeline:

// npm install sharp

const sharp = require('sharp');

// Converter JPG para WebP com qualidade 80
sharp('foto.jpg')
  .webp({ quality: 80 })
  .toFile('foto.webp');

// Converter PNG para WebP lossless
sharp('logo.png')
  .webp({ lossless: true })
  .toFile('logo.webp');

// Converter todos os arquivos de uma pasta
const fs = require('fs');
const path = require('path');

fs.readdirSync('./imagens')
  .filter(f => /\.(jpg|jpeg|png)$/i.test(f))
  .forEach(file => {
    const input = path.join('./imagens', file);
    const output = path.join('./imagens', file.replace(/\.[^.]+$/, '.webp'));
    sharp(input).webp({ quality: 80 }).toFile(output);
  });

O sharp usa a biblioteca nativa libvips e é significativamente mais rápido que soluções JavaScript puras — ideal para gerar versões WebP durante o build de sites estáticos.

Como implementar WebP com fallback para navegadores antigos

Embora a compatibilidade do WebP em 2026 seja superior a 97%, ainda podem existir contextos onde um fallback é necessário — sistemas corporativos com IE11, dispositivos muito antigos, ou simplesmente para garantia máxima de compatibilidade.

A solução correta é a tag HTML <picture>, que permite declarar fontes alternativas de imagem em ordem de preferência:

<!-- O navegador usa WebP se suportar, senão usa JPG -->
<picture>
  <source srcset="foto.webp" type="image/webp">
  <img src="foto.jpg" alt="Descrição da foto" width="800" height="600">
</picture>

<!-- Com múltiplos tamanhos para telas Retina -->
<picture>
  <source
    srcset="foto-800.webp 800w, foto-1600.webp 1600w"
    type="image/webp">
  <source
    srcset="foto-800.jpg 800w, foto-1600.jpg 1600w"
    type="image/jpeg">
  <img src="foto-800.jpg" alt="Descrição da foto"
    width="800" height="600" loading="lazy">
</picture>

O navegador avalia as fontes na ordem declarada: se suportar WebP, usa o <source> com type="image/webp". Se não suportar, cai para o JPG no <img>. A tag <img> no final é obrigatória — é ela que define o alt, as dimensões e o comportamento padrão.

Configurando o servidor para servir WebP automaticamente (Apache)

Uma alternativa ao <picture> é configurar o servidor para detectar se o navegador aceita WebP e servir a versão correta automaticamente. No Apache, adicione ao .htaccess:

<IfModule mod_rewrite.c>
  RewriteEngine On

  # Serve .webp se existir e o navegador aceitar
  RewriteCond %{HTTP_ACCEPT} image/webp
  RewriteCond %{REQUEST_FILENAME} \.(jpe?g|png)$
  RewriteCond %{REQUEST_FILENAME}\.webp -f
  RewriteRule ^ %{REQUEST_URI}.webp [T=image/webp,L]
</IfModule>

<IfModule mod_headers.c>
  Header append Vary Accept env=REDIRECT_accept
</IfModule>

AddType image/webp .webp

Com essa configuração, basta ter os arquivos .webp lado a lado com os originais na mesma pasta. O Apache detecta se o navegador aceita WebP pelo header Accept e serve a versão correta sem nenhuma mudança no HTML.

Verificando o resultado no PageSpeed

Após implementar WebP, rode o Google PageSpeed Insights (pagespeed.web.dev) na URL do site. O aviso "Veicule imagens em formatos de última geração" deve desaparecer ou diminuir significativamente. No painel de oportunidades, você verá o ganho estimado de KBs para cada imagem ainda não convertida.

Outra forma de verificar: abra o Chrome DevTools (F12), vá na aba Network, filtre por "Img" e olhe a coluna "Type" nas imagens carregadas. Se aparecer webp, a conversão está funcionando.

Qual nível de qualidade usar na conversão?

A qualidade WebP segue a mesma lógica do JPG: valores mais altos preservam mais detalhes mas produzem arquivos maiores. A diferença é que, para a mesma qualidade visual, o WebP costuma usar um valor de qualidade 10–15 pontos abaixo do JPG equivalente.

Perguntas frequentes