Como otimizar as imagens do seu site: tamanho, formato e qualidade

Resumo: para otimizar uma imagem para a web, (1) redimensione-a para o tamanho em que ela realmente é exibida, (2) salve em um formato eficiente, como o WebP, (3) use uma qualidade de cerca de 75–85% e (4) remova os metadados. No Compressor de imagens do Imgovo você faz tudo isso em uma etapa só, e nada é enviado.

Por que isso importa

As imagens costumam ser a maior parte de uma página da web. Imagens pesadas deixam o carregamento mais lento, o que pode prejudicar a experiência dos visitantes e o desempenho nas buscas. As Core Web Vitals do Google medem o Largest Contentful Paint (LCP), e um bom LCP é de 2,5 segundos ou menos. Em muitas páginas, o elemento LCP é uma imagem.

Arquivos menores também gastam menos dados móveis e menos espaço de armazenamento.

As quatro alavancas

1. Dimensões

Uma foto de 6000 × 4000 pixels exibida com 800 pixels de largura desperdiça a maior parte dos seus pixels. Redimensione-a para mais ou menos a largura exibida, ou até cerca do dobro dessa largura para ficar nítida em telas de alta densidade.

O compressor tem a configuração «Largura / altura máx.» com predefinições: manter o tamanho original, 3840, 2560, 1920, 1600, 1280, 1080, 800 e 640 px, além de uma personalizada. O redimensionamento é proporcional e nunca amplia uma imagem menor.

2. Formato

Formato	Melhor para	Observações
JPG	Fotos	Funciona em todo lugar
WebP	Fotos e gráficos	Arquivos pequenos, amplamente compatível com os navegadores modernos
AVIF	Fotos	Normalmente os menores arquivos, mas a codificação é mais lenta e programas antigos podem não abri-lo
PNG	Capturas de tela, logotipos, gráficos, transparência	Sem perdas; o controle de qualidade não se aplica, só redimensionar o deixa menor

Uma boa combinação é um tamanho menor (por exemplo, 1920 px de largura) em WebP ou AVIF. Para ajudar na escolha, leia JPG, PNG, WebP e AVIF: comparação.

3. Qualidade

Qualidade	Uso
75–85%	Web e redes sociais
60–70%	Arquivos bem pequenos
Acima de 85%	Impressão

JPG e WebP a 70–85% costumam reduzir o tamanho das fotos em cerca de 50–80%. A compressão é irreversível em JPG, WebP e AVIF, mesmo com qualidade 100, então guarde os seus arquivos originais.

4. Metadados

O resultado do compressor contém apenas dados de pixels, então dados EXIF, como detalhes da câmera e localização GPS, são removidos. Isso deixa o arquivo menor e protege a privacidade. Leia Como remover a localização GPS e os dados EXIF.

Passo a passo no Compressor de imagens

1. Abra o Compressor de imagens e adicione uma ou mais imagens arrastando, escolhendo arquivos ou colando.
2. Escolha Comprimir por: Qualidade (controle deslizante, 80% por padrão) ou Tamanho de arquivo alvo (por exemplo, 100 KB).
3. Defina a largura ou altura máxima.
4. Escolha o formato de saída: JPG, WebP, AVIF (marcado como «o menor») ou PNG.
5. Compare lado a lado as pré-visualizações do original e da imagem comprimida.
6. Baixe o resultado. Se o arquivo novo ficar maior que o original, a ferramenta avisa e você pode baixar o original no lugar.

Se o limite de tamanho não puder ser atingido, a ferramenta avisa e entrega o menor resultado possível. Para limites pequenos, leia Como comprimir uma imagem para menos de 100 KB.

Uma lista prática para imagens de site

• Redimensione antes de comprimir. Reduzir as dimensões costuma economizar mais do que baixar a qualidade.
• Escolha o formato certo. Fotos: WebP ou AVIF, com JPG como alternativa quando preciso. Gráficos: PNG ou WebP.
• Mire em tamanhos razoáveis. Como regra geral, muitas fotos de conteúdo podem ficar abaixo de cerca de 150 KB e imagens grandes de cabeçalho abaixo de cerca de 300 KB, mas isso depende da imagem e do design. Confira o resultado a olho.
• Descreva a imagem. Adicione um texto alternativo útil e um nome de arquivo descritivo, como bicicleta-vermelha-encostada-na-parede.webp.
• Reserve o espaço. Defina largura e altura na página para que o layout não pule enquanto a imagem carrega.
• Carregue de forma tardia as imagens que ficam abaixo da primeira tela, mas não a imagem principal do topo da página.
• Guarde os originais para poder exportar versões novas depois.

Erros comuns

• Enviar os originais da câmera. Uma foto de 6 MB quase nunca é necessária em uma página da web.
• Salvar o mesmo JPG várias vezes. Cada salvamento com perdas pode reduzir a qualidade. Comece sempre do original.
• Usar PNG para fotos. Os arquivos ficam bem maiores que em JPG ou WebP.
• Comprimir demais. Abaixo de cerca de 60%, podem aparecer blocos e desfoque. Confira a pré-visualização.

Privacidade

A compressão acontece no seu navegador. As imagens não são enviadas, e para saber como o Imgovo trata os arquivos, leia Conversores de imagem online são seguros?

Experimente agora

Abra o Compressor de imagens, adicione a sua imagem e compare a pré-visualização. Para só redimensionar rapidamente, use o Redimensionar imagem; para mudar de formato, use o Converter imagem.