Como otimizar imagens para site: tamanho, formato e compressão (2026)

Pela equipe ImageSEO. Atualizado em outubro de 2026.

Resumo: uma imagem está otimizada para o site quando (1) tem só a largura em que aparece na tela, vezes dois para telas de alta densidade, (2) está no formato certo, em geral WebP ou JPEG para fotos e SVG para logos, (3) foi comprimida, (4) não carrega dados privados como a localização GPS e (5) tem um nome de arquivo descritivo e um texto alternativo. Os três primeiros pontos deixam a página mais rápida; os dois últimos ajudam o Google a entender a imagem.

Foto SEO, SEO de imagens, otimização de imagens: os nomes mudam, o trabalho é o mesmo. Este guia trata da parte técnica, ou seja, preparar o arquivo antes de ele ir para o site. O passo a passo completo para o Google está no nosso guia de SEO de imagens.

Qual o tamanho de imagem ideal para site?

Não existe um tamanho único. A regra prática é: largura de exportação = maior largura em que a imagem aparece no layout × 2. O fator 2 melhora a nitidez na maioria dos celulares e telas Retina. Maior do que isso não ajuda: o navegador baixa pixels que ninguém vê.

Para descobrir a largura exibida, clique com o botão direito na imagem e escolha “Inspecionar”. As ferramentas do desenvolvedor mostram o tamanho renderizado em pixels, por exemplo 760 × 507.

Uso Largura exibida (típica) Largura para exportar Observação
Banner de largura total (topo da página) 1.280–1.440 px cerca de 1.920–2.560 px O WordPress reduz automaticamente envios acima de 2.560 px
Imagem dentro do texto (blog) 650–800 px cerca de 1.300–1.600 px O caso mais comum
Foto de produto na loja 500–700 px cerca de 1.000–1.400 px, quadrada Se a loja tiver zoom, exporte maior
Imagem de compartilhamento (og:image) – 1.200 × 630 px A Meta recomenda pelo menos 1.200 × 630 px, proporção próxima de 1,91:1
Imagem de destaque para o Google Discover – pelo menos 1.200 px de largura, de preferência 16:9 O Google pede mais de 300 mil pixels no total e max-image-preview:large, que o WordPress já define por padrão em sites públicos
Logo e ícones – SVG Vetor fica nítido em qualquer tamanho
Favicon – quadrado, maior que 48 × 48 px O Google exige 1:1 e recomenda mais de 48 px

As três primeiras linhas são valores de referência e dependem do seu tema: meça no seu próprio site. Os dados de og:image vêm da Meta; os de Discover e favicon, da documentação do Google.

4:3, 16:9 ou 1:1?

Depende de onde a imagem aparece. Para imagens de artigos, o Google recomenda oferecer versões nas proporções 16:9, 4:3 e 1:1, com pelo menos 50 mil pixels (largura × altura). Para redes sociais, a proporção próxima de 1,91:1 evita cortes. Dentro do próprio site, o que importa é ser consistente: fotos de produto todas quadradas, por exemplo, deixam a grade da loja alinhada.

Qual o melhor formato de imagem para site?

Segundo a documentação do Google, a Pesquisa Google aceita estes formatos: BMP, GIF, JPEG, PNG, WebP, SVG e AVIF. Para o site, o que decide é o peso do arquivo e o tipo de imagem:

Formato Bom para Evite para
WebP Fotos e gráficos em geral. Segundo o Google, WebP com perda é 25–34% menor que um JPEG comparável, e WebP sem perda é 26% menor que PNG Programas muito antigos que não abrem WebP
JPEG Fotos, quando a compatibilidade máxima importa Imagens com texto ou transparência
AVIF Fotos com o menor peso possível Gerar muitas imagens rapidamente (a codificação é mais lenta)
PNG Capturas de tela, gráficos com bordas nítidas ou transparência Fotos (os arquivos ficam enormes)
SVG Logos, ícones, ilustrações simples Fotos
GIF Pequenas animações, quando não há alternativa Quase todo o resto; WebP animado costuma ser menor

PNG ou WebP?

Para quase tudo no site, WebP. Ele aceita transparência como o PNG e, sem perda, gera arquivos 26% menores segundo o Google. Mantenha o PNG como original no seu computador, se quiser editar depois.

PNG ou SVG?

Para logos e ícones, SVG: é um desenho vetorial, fica nítido em qualquer tamanho e costuma pesar poucos KB. PNG é melhor para capturas de tela e imagens com muitos detalhes que não são vetoriais.

Como comprimir imagens sem perder qualidade visível

Comprimir é remover informação que o olho mal percebe. Três caminhos:

  • Na exportação. No Lightroom Classic, a janela de exportação define formato, qualidade, espaço de cor, tamanho (por exemplo, o lado maior em pixels), nitidez para tela e quais metadados vão junto. No Photoshop, use “Exportar como”. Salve uma predefinição; na próxima vez, basta um clique.
  • No navegador. O Squoosh (squoosh.app) é uma ferramenta gratuita do Google que reduz e converte imagens no próprio navegador, com comparação antes e depois.
  • Automaticamente no site. Um plugin comprime cada imagem no envio e converte para WebP ou AVIF. Comparamos as opções em melhores plugins de otimização de imagens para WordPress.

Exporte no espaço de cor sRGB. Imagens em Adobe RGB ou ProPhoto RGB costumam parecer desbotadas no navegador quando chegam sem perfil de cor.

Qual o peso ideal? O Google não define um limite em kilobytes. Compare o original e a versão comprimida em tamanho real (100%), olhando céu, pele e degradês, onde blocos e faixas aparecem primeiro. Depois meça no PageSpeed Insights. O Google considera bom um Largest Contentful Paint (LCP) de até 2,5 segundos. Muitas vezes, o LCP é a imagem grande do topo.

O que o WordPress já faz sozinho

Verificamos no código do WordPress 6.9:

Recurso Desde a versão O que acontece
Imagens responsivas (srcset) 4.4 O navegador escolhe o tamanho certo para cada tela
Redução de imagens grandes 5.3 Fotos acima de 2.560 px são reduzidas no envio; o original é mantido
Lazy loading 5.5 Imagens recebem loading="lazy" e só carregam quando o visitante rola até perto delas
Envio de WebP 5.8 Arquivos WebP entram direto na biblioteca de mídia
fetchpriority="high" 6.3 Em geral, a imagem principal do topo é carregada com prioridade
Envio de AVIF 6.5 AVIF também é aceito, se o servidor oferecer suporte

Ao enviar uma foto grande, o WordPress cria versões menores: 150 × 150 (miniatura), 300, 768, 1.024, 1.536 e 2.048 px. O que ele não faz: converter JPEG e PNG existentes para WebP ou AVIF, nem comprimir mais os originais. Para isso serve um plugin.

Carregamento: três detalhes que fazem diferença

  • Não use lazy loading na imagem do topo. O web.dev recomenda não usar lazy loading nas imagens visíveis logo de início e deixá-lo para o resto da página. O WordPress já faz isso em boa parte dos casos; confira se o seu tema ou construtor de páginas não altera esse comportamento.
  • Informe largura e altura (width e height) no HTML. Assim o navegador reserva o espaço e o conteúdo não “pula” enquanto a imagem carrega.
  • Use a mesma URL para a mesma imagem. O Google recomenda referenciar uma imagem sempre pelo mesmo endereço, para que ele possa guardá-la em cache e reaproveitá-la.

Metadados: o que manter e o que apagar

Metadado Recomendação Por quê
Localização GPS Apagar Revela o local exato de fotos feitas na sua casa ou na de clientes
Dados da câmera (EXIF) Opcional O Google não confirma que influenciem o ranqueamento; só deixam o arquivo um pouco maior
IPTC: criador, crédito, copyright Manter O Google pode exibir criador e crédito no Google Imagens, sem garantia; o copyright identifica o dono dos direitos
IPTC: Web Statement of Rights e Licensor URL Manter, se você licencia imagens O Web Statement of Rights é obrigatório para o selo “Licenciável” no Google Imagens (ou a propriedade license nos dados estruturados); o Licensor URL é recomendado

Mais detalhes no nosso artigo sobre EXIF, IPTC e SEO de imagens.

Depois de otimizar: nome do arquivo e texto alternativo

Imagem leve não basta para aparecer no Google. Ele também precisa entender o que a foto mostra:

Com milhares de imagens, fazer isso à mão é inviável. O plugin ImageSEO para WordPress escreve texto alternativo e nomes de arquivo automaticamente, no idioma do seu site, para imagens PNG, JPG e WebP. Ele não comprime nem converte imagens; para isso, use também um plugin de compressão. O plano gratuito cobre 10 imagens por mês, e o plugin está no WordPress.org.

Checklist: imagem pronta para o site

  1. Medi a largura exibida e exportei com cerca do dobro dessa largura
  2. Escolhi o formato: WebP ou JPEG para fotos, SVG para logos e PNG só quando necessário
  3. Comprimi e conferi em tamanho real que não há defeitos visíveis
  4. Exportei em sRGB
  5. Apaguei o GPS e mantive criador e copyright
  6. Dei um nome descritivo, em minúsculas e com hífens
  7. Preenchi o texto alternativo após o envio
  8. Tirei o lazy loading da imagem do topo
  9. Testei a página no PageSpeed Insights

Perguntas frequentes

Qual a resolução (dpi) ideal para imagens de site?

Para telas, o valor de dpi não importa. O que conta é a largura em pixels. Uma imagem de 1.600 px aparece igual com 72 ou 300 dpi.

Qual o peso ideal de uma imagem para site?

Não há um limite oficial. Quanto menor, mantendo a qualidade visível, melhor. A imagem grande do topo merece mais atenção, porque costuma definir o Largest Contentful Paint.

Como diminuir o tamanho de uma imagem sem perder qualidade?

Primeiro reduza as dimensões para a largura que você realmente usa; esse é o maior ganho. Depois comprima e converta para WebP. Confira o resultado em tamanho real antes de publicar.

Vale a pena converter todas as imagens para WebP?

Para fotos e a maioria dos gráficos, sim: segundo o Google, WebP com perda é 25–34% menor que JPEG comparável. Logos e ícones ficam melhor em SVG.

Preciso reenviar as imagens antigas?

Não necessariamente. Um plugin consegue comprimir e converter para WebP as imagens que já estão na biblioteca de mídia. Reexportar vale a pena para originais muito grandes e para as páginas mais importantes.

Our SEO Tool will grow your traffic

Why have you neglected images search engine optimization for so long ?

Try it for free
Days Launch Dofollow.Tools Fazier Launchpadly Starter Best The One Startup Twelve Tools yo.directory
Featured on Days Launch Featured on findly.tools Featured project on MEDIAPRONET Featured on NewTool.site Featured on Starter Best ImageSEO - Featured on Startup Fame Stork Verified — stork.ai AI tools directory Featured on The One Startup Featured on ToolPilot