Ir para o conteúdo principal
Bethemesh
TutorialBoas práticas

Como comprimir uma imagem sem perder qualidade?

Reduza o tamanho de uma imagem escolhendo dimensões, formato e qualidade adequados sem introduzir degradação visual desnecessária.

Publicado 31 de agosto de 2026Leitura : 3 minPor Equipa Bethemesh
Iniciante
Comparação antes e depois da compressão de uma imagem com tamanho e detalhes ampliados
Mostrar índice
  1. Método em seis etapas
  2. Redimensionar e comprimir são coisas diferentes
  3. Porque os dados brutos são tão grandes?
  4. Compressão sem perdas
  5. Compressão com perdas
  6. Guardar sempre o original
  7. Evitar perda geracional
  8. Escolher o formato antes da qualidade
  9. O valor de qualidade não é universal
  10. Fotografia ou captura de ecrã?
  11. Estratégia Web completa

Comprimir uma imagem “sem perder qualidade” pode significar duas coisas. A compressão sem perdas preserva exatamente os dados codificados; uma compressão com perdas bem ajustada reduz muito mais o tamanho aceitando diferenças que não são visíveis ou relevantes no uso final.

Na Web, a segunda interpretação é muitas vezes a mais prática.

Método em seis etapas

  1. conserve uma fonte master;
  2. remova píxeis desnecessários redimensionando;
  3. escolha um formato adequado ao conteúdo;
  4. ajuste a compressão;
  5. inspecione zonas sensíveis no tamanho real de apresentação;
  6. meça o ganho na página e não apenas na pasta.

Redimensionar e comprimir são coisas diferentes

Uma imagem 4000×3000 contém 12 milhões de píxeis. Reduzi-la para 1200×900 deixa 1,08 milhões: mais de 90% dos píxeis foram removidos antes de escolher codec.

O redimensionamento atua sobre a informação espacial; a compressão codifica essa informação de forma mais eficiente.

Por isso eliminar dimensões excessivas é normalmente o primeiro ganho a procurar.

Porque os dados brutos são tão grandes?

Uma aproximação RGB para 4000×3000 a 8 bits por canal é:

4000 × 3000 × 3 = 36.000.000 bytes

Um JPEG pode ser muito menor porque explora redundâncias e características da perceção visual.

Compressão sem perdas

Uma codificação lossless permite reconstruir exatamente os dados codificados. Explora padrões repetitivos em vez de eliminar detalhes. PNG é o exemplo mais familiar na Web; WebP também possui modo lossless.

Se antes do encoding redimensionou, quantizou cores ou removeu alfa, o workflow já alterou a imagem. “PNG sem perdas” descreve a codificação, não necessariamente todo o tratamento.

Compressão com perdas

JPEG, WebP lossy e AVIF podem aproximar informação para produzir ficheiros muito menores. Em fotografias isso é frequentemente eficaz porque o sistema visual tolera algumas variações melhor do que outras.

Se a compressão for excessiva aparecem blocos, halos, contornos artificiais, perda de textura e banding. O objetivo é ficar antes do ponto em que esses defeitos prejudicam o uso real.

Guardar sempre o original

Não transforme a versão comprimida na única fonte. Preserve o ficheiro da câmara, um export de alta qualidade, um PNG master ou o original vetorial.

Assim pode criar novas larguras, codecs ou recortes sem partir de uma versão já degradada.

Evitar perda geracional

Este fluxo é problemático:

original → JPEG reduzido → novo JPEG → WebP

Cada codificação com perdas trabalha sobre aproximações anteriores. Produza cada derivado diretamente a partir do master.

Escolher o formato antes da qualidade

Uma fotografia em PNG pode continuar pesada porque PNG preserva os píxeis codificados. A mesma fotografia em JPEG, WebP ou AVIF pode ficar muito mais leve.

Uma captura de ecrã com texto pequeno pode degradar-se mal em JPEG e funcionar melhor em PNG ou WebP sem perdas.

Consulte PNG, JPEG, WebP ou AVIF antes de procurar o valor ideal do controlo de qualidade.

O valor de qualidade não é universal

Qualidade 80 num encoder não equivale necessariamente a 80 noutro, nem entre codecs. Compare tamanho e resultado visual, não apenas o número.

Observe sobretudo rostos, texto, linhas finas, gradientes, texturas e bordos de alto contraste.

Fotografia ou captura de ecrã?

Fotografias toleram geralmente bem codecs lossy modernos. Capturas, gráficos planos e texto podem beneficiar de lossless ou definições mais conservadoras.

Para um logótipo geométrico, considere SVG em vez de comprimir um raster.

Estratégia Web completa

A compressão não basta. O navegador deve receber dimensões adequadas ao dispositivo. Produza variantes responsive e utilize srcset e sizes para selecionar a recurso correta.

O objetivo não é criar “o ficheiro mais pequeno”, mas a menor representação que conserva o que o utilizador realmente precisa.

Ferramentas relacionadas

Imagens e gráficos

Converter e comprimir uma imagem

Converta uma imagem para PNG, JPEG ou WebP e ajuste a qualidade antes de descarregar.

100% localEm destaque
Utilizar esta ferramenta
Imagens e gráficos

Redimensionar uma imagem

Redimensione uma imagem definindo precisamente a largura e a altura antes de descarregar.

100% localEm destaque
Utilizar esta ferramenta

Coleção

Imagens para a Web

  1. 01Como é construída uma imagem digital?
  2. 02Que resolução escolher para uma imagem?
  3. 03RGB, HEX ou HSL: que notação escolher?
  4. 04Como criar uma paleta de cores a partir de uma imagem?
  5. 05Contraste WCAG: como tornar as cores acessíveis?
  6. 06PNG, JPEG, WebP ou AVIF: que formato escolher?
  7. 07Como comprimir uma imagem sem perder qualidade?
  8. 08SVG: compreender o formato vetorial
  9. 09Otimizar um ficheiro SVG sem alterar a apresentação
  10. 10Imagens responsivas: compreender srcset e sizes
  11. 11Otimizar imagens para a Web sem perder qualidade
  12. 12WebP, AVIF, JPEG XL: que formatos de imagem escolher em 2026?
  13. 13Metadados de imagem: ler, conservar ou remover
  14. 14Otimizar imagens para o desempenho Web
GuiaBoas práticasIntermédio

Imagens responsivas: compreender srcset e sizes

Compreenda como srcset e sizes permitem ao navegador escolher uma imagem adequada à largura de apresentação, densidade de píxeis e contexto responsive.

31 de agosto de 20263 minLer
GuiaBoas práticasIntermédio

Otimizar imagens para o desempenho Web

Construa uma estratégia completa para imagens Web: dimensões, formato, compressão, responsive, carregamento, estabilidade visual e medição.

31 de agosto de 20264 minLer

Este artigo foi útil?