Você provavelmente já ouviu que imagens bem otimizadas ajudam o SEO. Mas há uma parte da equação que muita gente ignora: o formato do arquivo importa tanto quanto o tamanho. Um PNG de boa qualidade pode pesar cinco vezes mais do que um WebP com a mesma aparência visual e isso tem consequências diretas na velocidade do site e no ranqueamento do Google.
Neste post, vamos comparar PNG, JPG e WebP sob a ótica do SEO: velocidade, indexabilidade, Core Web Vitals e quando usar cada um. Ao final, você vai saber exatamente qual formato escolher para cada tipo de imagem no seu site.
O que são PNG, JPG e WebP — em 30 segundos
Antes de mergulhar na parte de SEO, um nivelamento rápido sobre o que cada formato é e para que serve:
PNG (Portable Network Graphics)
Formato sem perdas (lossless): cada pixel é preservado com fidelidade absoluta. Suporta transparência (fundo transparente). Ideal para logos, ícones, capturas de tela e imagens com texto. O problema? Os arquivos podem ser grandes, especialmente em fotografias coloridas.
JPG / JPEG (Joint Photographic Experts Group)
Formato com perdas (lossy): descarta dados imperceptíveis para reduzir o tamanho. Não suporta transparência. É o formato mais universal e funciona muito bem para fotografias. Em qualidade 75–85%, produz arquivos pequenos com qualidade excelente.
WebP
Desenvolvido pelo Google em 2010, o WebP é um formato moderno que suporta compressão lossless e lossy, além de transparência. Em média, gera arquivos 25–35% menores que o JPG e até 80% menores que o PNG — para qualidade visual equivalente. Suportado por todos os navegadores modernos desde 2020.
O AVIF é um formato ainda mais novo e eficiente que o WebP. Embora prometedor, ainda tem suporte limitado e pode gerar artefatos em alguns casos. Para uso em produção, o WebP é a escolha mais segura e bem suportada atualmente.
Como o formato afeta o SEO diretamente
O Google usa a velocidade de carregamento como fator de ranqueamento desde 2010, e os Core Web Vitals, métricas de experiência do usuário, desde 2021. As imagens são, na maioria dos sites, o maior impacto nessas métricas.
LCP: a métrica mais importante para imagens
O LCP (Largest Contentful Paint) mede quanto tempo leva para o maior elemento visível da página ser carregado. Em 90% dos sites, esse elemento é uma imagem, geralmente o banner principal ou a foto de capa. Um LCP abaixo de 2,5 segundos é considerado bom pelo Google.
O formato da imagem impacta diretamente o LCP: um arquivo menor carrega mais rápido, o que melhora a métrica e, consequentemente, o ranqueamento.
CLS e FID também são afetados
O CLS (Cumulative Layout Shift) mede movimentações inesperadas de layout durante o carregamento. Imagens sem dimensões declaradas causam CLS. Imagens menores carregam antes, reduzindo janelas de layout instável. Já o FID (First Input Delay) é indiretamente afetado: páginas mais leves deixam o thread principal mais livre para responder a interações.
Comparação direta: PNG vs JPG vs WebP para SEO
Veja lado a lado como cada formato se comporta nos critérios que importam para SEO:
| Critério | PNG | JPG | WebP |
|---|---|---|---|
| Tamanho do arquivo | Alto | Médio | Menor |
| Velocidade de carregamento | Mais lenta | Boa | Excelente |
| Impacto no LCP | Negativo | Neutro/Bom | Positivo |
| Indexação pelo Google | Total | Total | Total |
| Pesquisa de Imagens Google | Sim | Sim | Sim |
| Suporte a transparência | Sim | Não | Sim |
| Suporte nos navegadores | Universal | Universal | Modern. (95%+) |
| Score SEO geral | ★★☆ | ★★☆ | ★★★ |
Sim. O Googlebot suporta WebP desde 2019. Imagens WebP aparecem normalmente na Pesquisa de Imagens do Google e são indexadas com prioridade idêntica à de PNG e JPG. Não há desvantagem alguma de indexação ao usar WebP.
Quando usar cada formato — guia prático
A resposta não é "sempre use WebP". Há contextos onde PNG ou JPG ainda fazem sentido. Veja o guia definitivo:
Fotografias e imagens de blog → WebP (ou JPG como fallback)
Para fotos coloridas complexas, o WebP entrega o melhor equilíbrio entre qualidade e tamanho. Use JPG apenas se precisar de compatibilidade universal com navegadores antigos (menos de 5% dos usuários atualmente).
Logos e ícones com transparência → WebP (ou PNG como fallback)
WebP suporta canal alfa (transparência) e produz arquivos menores que PNG. Se precisar garantir compatibilidade total, use PNG. Para SVG (ícones vetoriais escaláveis), use sempre SVG, é a melhor opção para gráficos simples.
Capturas de tela e imagens de interface → PNG (ou WebP)
Para capturas de tela com texto ou detalhes nítidos, PNG oferece qualidade perfeita sem artefatos. WebP lossless também funciona bem e produz arquivos menores.
Imagens hero (banner principal) → WebP obrigatoriamente
O banner principal é o elemento mais provável de ser o LCP da sua página. Usar WebP aqui tem o maior impacto positivo no Core Web Vitals. Reduza também o tamanho real da imagem (resolução) para o tamanho exibido no layout.
Animações → GIF é ultrapassado; prefira vídeo (MP4/WebM) ou WebP animado
GIFs animados são notoriamente pesados. Um GIF de 5 segundos pode pesar mais de 10 MB, enquanto o mesmo conteúdo em MP4 pesa menos de 1 MB. Para SEO, use a tag <video> com autoplay muted loop, ou WebP animado para animações simples.
Reduza o peso das suas imagens agora
Otimize PNG e JPG diretamente no navegador, sem instalar nada. Grátis, sem limite de imagens.
Boas práticas de SEO para imagens além do formato
O formato é fundamental, mas não é tudo. Para maximizar o impacto das imagens no seu ranqueamento, aplique também estas práticas:
Use sempre o atributo alt
O texto alternativo (atributo alt) descreve a imagem para o Google e para leitores de tela. Seja descritivo e inclua palavras-chave relevantes de forma natural. Evite textos como "imagem1.jpg" ou "foto", são inúteis para SEO.
Nomeie os arquivos com palavras-chave
O nome do arquivo é um sinal de relevância. foto-banner-compressor-imagens.webp é infinitamente melhor que IMG_20240321.jpg para o ranqueamento na Pesquisa de Imagens.
Declare sempre as dimensões width e height
Declarar width e height no HTML permite que o navegador reserve o espaço correto antes de carregar a imagem, evitando o CLS (mudança de layout), que penaliza diretamente o Core Web Vitals.
Use lazy loading para imagens fora da dobra
Adicionar loading="lazy" à tag img faz o navegador carregar imagens apenas quando o usuário está prestes a vê-las. Isso reduz o peso inicial da página e melhora o LCP, mas nunca use lazy loading na imagem principal (banner).
Adicione imagens ao sitemap
O Google recomenda incluir imagens no sitemap XML usando a extensão de imagem do Sitemap. Isso aumenta as chances de indexação das imagens na Pesquisa de Imagens, gerando tráfego adicional.
Encher o atributo alt com palavras-chave repetidas ("compressor imagens compressor imagens online grátis") é considerado spam pelo Google e pode resultar em penalizações. Use linguagem natural e descritiva.
Como converter suas imagens para WebP
Converter imagens existentes para WebP é mais simples do que parece. Há três abordagens principais:
- Ferramentas online: Squoosh (do Google) e similares permitem converter imagens diretamente no navegador para WebP, com controle de qualidade.
-
Linha de comando (cwebp): a ferramenta oficial do Google. Ideal para conversão em lote via script. Exemplo:
cwebp -q 80 imagem.jpg -o imagem.webp - Plugins de CMS: se você usa WordPress, plugins como Smush ou ShortPixel convertem automaticamente para WebP ao fazer o upload.
- CDN com conversão automática: serviços como Cloudflare, Imgix e Cloudinary convertem imagens para WebP automaticamente conforme o navegador do visitante.
Para sites que precisam suportar navegadores antigos, a tag picture permite servir WebP para navegadores modernos e JPG como fallback automático, sem JavaScript:
<picture>
<source srcset="imagem.webp" type="image/webp">
<img src="imagem.jpg" alt="Descrição" width="800" height="600">
</picture>
Perguntas frequentes
O WebP é o melhor formato para SEO na maioria dos casos. Produz arquivos significativamente menores que PNG e JPG, melhorando diretamente a velocidade de carregamento e o LCP, fatores de ranqueamento do Google. Para logos e ícones vetoriais, SVG é a melhor escolha. Para situações que exigem compatibilidade universal com navegadores antigos, JPG ainda é uma boa opção para fotos.
Sim, totalmente. O Googlebot suporta WebP desde 2019. Imagens WebP aparecem na Pesquisa de Imagens normalmente. Não há nenhuma desvantagem de indexação ao usar WebP em relação a PNG ou JPG.
Indiretamente, sim. A conversão em si não é um fator de ranqueamento, mas o resultado (arquivo menor, página mais rápida, LCP melhor) são fatores que o Google avalia. Sites com bons Core Web Vitals tendem a ranquear melhor do que concorrentes com conteúdo similar.
Não é "ruim", mas pode ser subótimo. Para logos pequenos, ícones e imagens com transparência, PNG é adequado, o impacto no tamanho total da página é mínimo. O problema real aparece quando PNGs grandes são usados como banners ou imagens de post, pois podem pesar vários megabytes e prejudicar seriamente o LCP.
O PixelLeve comprime PNG, JPG, WebP, GIF e SVG dentro do próprio formato original, sem conversão entre formatos. Para converter PNG/JPG para WebP, ferramentas como Squoosh ou o cwebp oficial do Google são recomendadas. Para comprimir e otimizar imagens mantendo o formato, o PixelLeve é a solução mais rápida e prática.
Conclusão: WebP vence, mas o contexto importa
Para a grande maioria dos casos de uso em sites, o WebP é o melhor formato para SEO: arquivos menores, carregamento mais rápido, LCP melhor e indexação idêntica à do PNG e JPG. A diferença pode parecer pequena por imagem, mas num site com dezenas de imagens, o impacto acumulado é considerável.
A regra prática é simples: use WebP como padrão, PNG para situações que exigem precisão absoluta ou transparência em logos pequenos, e SVG para qualquer coisa vetorial. Independentemente do formato, compressão adequada é sempre obrigatória.
Foto de blog ou banner → WebP. Logo com transparência → WebP ou PNG. Ícone simples → SVG. Captura de tela com texto → PNG ou WebP lossless. Nunca use PNG pesado para fotos coloridas complexas.