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.

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

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
- Remover fundo de foto de produto sem apagar bordas e detalhes
- Como remover o fundo de uma imagem e melhorar as bordas do recorte
- PNG, JPG ou WebP: qual formato usar em cada situação?
Referência técnica: formatos de imagem, compressão e transparência (MDN).