Blog / Imagem
Imagem · Guia prático

Compressão de imagens para sites: menos peso sem sacrificar a foto

Escolha resolução, qualidade e formato de imagem para reduzir o tamanho de fotos em páginas web sem borrar textos e bordas.

Por Fabiano Freitas· · 2 min de leitura
Ilustração editorial de Compressão de imagens para sites: menos peso sem sacrificar a foto
Ilustração editorial FileBito

Uma página de receitas demora a abrir porque cada fotografia foi enviada direto da câmera, com vários megabytes. O leitor só precisa ver a comida com clareza na largura do celular. Reduzir o peso do arquivo pode transformar a experiência, desde que a compressão seja feita com critérios.

Dimensões vêm antes do percentual de qualidade

Se a imagem ocupa 800 pixels na página, não há motivo para publicar sempre a versão de 6000 pixels. Redimensionar primeiro costuma reduzir mais do que apertar agressivamente a qualidade. Use Comprimir imagem para experimentar e observe tanto a dimensão quanto o peso final.

JPEG e WebP funcionam bem em fotografias; PNG costuma fazer mais sentido em gráficos ou imagens com transparência. A escolha depende do conteúdo e da compatibilidade exigida. Uma imagem com pequenos números pode ficar ruim em níveis de compressão aceitáveis para paisagens.

O teste deve acontecer onde a imagem aparece

Três etapas para compressão de imagens para sites: menos peso sem sacrificar a foto
Etapas e pontos de atenção para revisar este tipo de arquivo.

Compare original e comprimido em tamanho real na página, em telas claras e escuras quando relevante. Veja rostos, bordas de produtos, gradientes e letras embutidas. Os defeitos mais comuns são blocos visíveis, contornos duplos e manchas em áreas uniformes.

Nomes, versões e responsabilidade

Adote nomes de arquivo descritivos, como bolo-chocolate-fatia.webp, e texto alternativo que descreva o conteúdo para quem não enxerga a foto. Preserve a versão original em sua biblioteca. Se publicar muitas imagens, padronize larguras e compare o carregamento em conexão lenta. Comprimir bem é encontrar a menor versão que continua agradável e compreensível.

O peso da página é a soma das imagens

Uma foto reduzida de 3 MB para 280 KB representa economia importante, mas uma galeria com vinte imagens desse tamanho ainda exige vários megabytes. Olhe o conjunto: tamanho de capa, miniaturas, imagens do artigo e versão para telas maiores. Publicar a mesma foto enorme em todos os espaços desperdiça dados do visitante. Quando a plataforma suporta imagens responsivas, forneça versões proporcionais ao tamanho de exibição.

Também evite compressões sucessivas ao longo da edição. Se alguém salva um JPEG já reduzido e o próximo editor comprime outra vez, a perda se acumula. Guarde uma cópia de qualidade da fotografia original, com nome e organização que permitam encontrá-la meses depois. Assim você pode gerar novos tamanhos conforme o layout mudar, sem depender de arquivos que já perderam detalhes.

Leia também

Referência técnica: formatos de imagem, compressão e transparência (MDN).

Foto de Fabiano Freitas
Sobre Fabiano Freitas

Fabiano Freitas é formado em Gestão da Tecnologia da Informação e escreve sobre tecnologia aplicada ao cotidiano, ferramentas digitais e produtividade. No FileBito, publica orientações práticas sobre PDF, imagens, dados e conversões, com atenção à privacidade, à qualidade dos arquivos e à conferência dos resultados.

← Ver todos os artigos