As imagens representam, em média, 60–70% do peso total de uma página web. Um site com imagens pesadas demora para carregar, e isso tem consequências diretas: visitantes abandonam a página, o Google penaliza no ranking e a experiência do usuário piora.

A otimização de imagens é uma das melhorias de performance mais fáceis e eficazes. Com as técnicas certas, é possível reduzir o peso das imagens em 70–90% sem diferença visual perceptível.

Os 5 pilares da otimização de imagens

O Google PageSpeed Insights mostra o impacto direto das imagens no desempenho do site

1. Escolha o formato certo

WebP deve ser seu formato padrão em 2026. Oferece 25–35% menos peso que JPG com a mesma qualidade. Use PNG apenas quando precisar de transparência.

2. Comprima sem perder qualidade

A maioria das imagens para web pode ser comprimida com 75–85% de qualidade sem diferença visual. Isso reduz o arquivo em 60–80%. Use a ferramenta de compressão antes de fazer upload.

3. Redimensione para o tamanho exato

Não carregue uma imagem de 4000 px para exibir em 800 px. O navegador baixa todos os dados e depois redimensiona — um desperdício enorme. Redimensione antes do upload.

4. Use nomes de arquivo descritivos

Em vez de IMG_4532.jpg, use cadeira-escritorio-ergonomica.webp. O nome do arquivo influencia o SEO de imagens no Google.

5. Adicione texto alternativo (alt text)

O atributo alt descreve a imagem para o Google e para usuários com deficiência visual: alt="Cadeira ergonômica com apoio lombar ajustável".

Checklist antes do upload

• ✅ Formato WebP (ou JPG como fallback)
• ✅ Dimensões corretas para o tamanho de exibição
• ✅ Comprimida com qualidade 75–85%
• ✅ Nome de arquivo descritivo com palavras-chave
• ✅ Alt text descritivo preparado
• ✅ Tamanho abaixo do máximo recomendado

Perguntas frequentes

Core Web Vitals e imagens — a conexão direta

O Google usa três métricas principais para avaliar a experiência da página — os Core Web Vitals. Imagens impactam diretamente duas delas:

• LCP (Largest Contentful Paint): Mede o tempo para o maior elemento visível carregar. Na maioria das páginas, esse elemento é uma imagem. Uma foto bem otimizada pode melhorar o LCP em 1–2 segundos.
• CLS (Cumulative Layout Shift): Mede o quanto o layout "pula" durante o carregamento. Imagens sem dimensões declaradas (width e height) causam CLS porque o navegador não sabe o espaço a reservar.

Melhorar essas métricas impacta diretamente o ranqueamento orgânico. Desde 2021, o Google usa Core Web Vitals como sinal de ranqueamento.

Imagens responsivas com srcset

Uma única imagem servida para desktop e mobile é um desperdício. Mobile recebe uma foto de 1920 px que vai ser exibida em 390 px de largura — baixando 4x mais dados do que o necessário. A solução é o atributo srcset:

<img src="foto-800.webp"
     srcset="foto-400.webp 400w, foto-800.webp 800w, foto-1600.webp 1600w"
     sizes="(max-width: 600px) 400px, (max-width: 1200px) 800px, 1600px"
     alt="Descrição da imagem"
     loading="lazy">

Com isso, o navegador escolhe automaticamente a imagem certa para cada tela, reduzindo o consumo de dados no mobile em 50–75%.

Perguntas frequentes

Images represent, on average, 60–70% of the total weight of a web page. A site with heavy images loads slowly, and this has direct consequences: visitors abandon the page, Google penalizes rankings, and user experience suffers.

Image optimization is one of the easiest and most effective performance improvements. With the right techniques, it's possible to reduce image weight by 70–90% with no perceptible visual difference.

The 5 pillars of image optimization

Google PageSpeed Insights shows the direct impact of images on site performance

1. Choose the right format

WebP should be your default format in 2026. It offers 25–35% less weight than JPG with the same quality. Use PNG only when you need transparency.

2. Compress without losing quality

Most web images can be compressed at 75–85% quality with no visual difference. This reduces the file by 60–80%. Use the compression tool before uploading.

3. Resize to the exact size

Don't load a 4000 px image to display at 800 px. The browser downloads all the data and then resizes — a huge waste. Resize before uploading.

4. Use descriptive file names

Instead of IMG_4532.jpg, use ergonomic-office-chair.webp. The filename influences image SEO on Google.

5. Add alternative text (alt text)

The alt attribute describes the image for Google and visually impaired users: alt="Ergonomic chair with adjustable lumbar support".

Core Web Vitals and images

Google uses three main metrics to evaluate page experience — Core Web Vitals. Images directly impact two of them: LCP (Largest Contentful Paint — how fast the main image loads) and CLS (Cumulative Layout Shift — images without declared dimensions cause the layout to jump). Improving these metrics directly impacts organic ranking.

Pre-upload checklist

• ✅ WebP format (or JPG as fallback)
• ✅ Correct dimensions for the display size
• ✅ Compressed at 75–85% quality
• ✅ Descriptive filename with keywords
• ✅ Descriptive alt text prepared
• ✅ Size below recommended maximum

Frequently asked questions