O que é PNG? Compressão sem perdas e transparência

PNG (Portable Network Graphics) é um formato de imagem que guarda as imagens sem perder nenhum detalhe e suporta transparência total. Ele virou o padrão para capturas de tela, logotipos, ícones e gráficos de interface. Este artigo mostra por que o PNG foi criado, como funciona sua compressão, por que às vezes ele gera arquivos enormes e dá dicas práticas para converter imagens PNG.

Como o PNG nasceu: o GIF e a patente do LZW

No início dos anos 1990, a maioria dos gráficos da web era GIF, e o GIF usava o algoritmo de compressão LZW, patenteado pela Unisys. Segundo a história do formato escrita por Greg Roelofs, o acordo de licenciamento entre a CompuServe e a Unisys foi anunciado discretamente em 28 de dezembro de 1994, abrindo a perspectiva de cobrança de licenças para programas que gravassem arquivos GIF. Depois da reação na Usenet, Thomas Boutell publicou em 4 de janeiro de 1995 o primeiro rascunho de um formato livre de patentes, então chamado "PBF". O nome "PNG" foi proposto em 6 de janeiro e adotado no Draft 5, em 23 de janeiro de 1995. A especificação foi congelada com o Draft 9, em 7 de março de 1995.

O W3C publicou o PNG como Recomendação em 1º de outubro de 1996 e, segundo a Biblioteca do Congresso dos EUA, o mesmo texto foi publicado pela IETF como RFC 2083 em janeiro de 1997. Uma segunda edição com as erratas veio em 10 de novembro de 2003 e se tornou a norma internacional ISO/IEC 15948. A terceira edição do PNG pelo W3C, publicada em 24 de junho de 2025, trouxe para a especificação oficial o PNG animado (APNG), o chunk cICP para sinalização de HDR e o chunk eXIf para dados EXIF.

Como funciona a compressão do PNG

O PNG é sem perdas: os pixels que você obtém ao abrir o arquivo são, bit a bit, os pixels que foram salvos. O arquivo fica menor em duas etapas.

1. Filtros de linha

Antes da compressão, cada linha de pixels passa por um filtro. Em vez do valor do pixel em si, o filtro guarda a diferença em relação aos vizinhos, e em áreas lisas ou suaves essas diferenças ficam perto de zero, o que comprime muito melhor. A especificação define cinco tipos de filtro: None, Sub (o pixel à esquerda), Up (o pixel acima), Average (a média entre o da esquerda e o de cima) e Paeth (uma previsão a partir dos pixels à esquerda, acima e acima à esquerda). O codificador pode escolher um filtro diferente para cada linha.

2. DEFLATE

Os dados filtrados são comprimidos com DEFLATE, o mesmo algoritmo dos arquivos ZIP, e guardados no formato zlib dentro de chunks IDAT. É o único método de compressão definido pela especificação e usa uma janela deslizante de no máximo 32 KB. Programas diferentes geram PNGs de tamanhos diferentes a partir da mesma imagem porque se esforçam mais ou menos na escolha de filtros e nos ajustes do DEFLATE; a imagem em si é idêntica.

Estrutura de chunks

Um arquivo PNG começa com uma assinatura de 8 bytes seguida de chunks (blocos): IHDR para o cabeçalho, IDAT para os dados da imagem e IEND para fechar o arquivo. Chunks opcionais podem guardar um perfil de cor (iCCP), gama (gAMA), texto (tEXt, iTXt) e transparência simples (tRNS).

Tipos de cor, profundidade de bits e transparência

O PNG suporta imagens em tons de cinza, com paleta (indexadas) e em cores reais (truecolor). Segundo a Biblioteca do Congresso dos EUA, a profundidade das amostras vai de 1 a 16 bits; imagens RGB típicas usam 8 bits por canal (24 bits) e, quando necessário, 16 bits por canal (48 bits). Um canal alfa opcional guarda um valor de transparência separado para cada pixel. Isso é muito mais flexível que a transparência simples de liga/desliga do GIF: sombras, bordas suaves e camadas semitransparentes ficam corretas.

O entrelaçamento Adam7, opcional, faz a imagem aparecer primeiro grosseira e depois ficar nítida durante o carregamento, mas geralmente aumenta o arquivo.

PNG com paleta e redução de cores

Em um PNG com paleta (indexado), cada pixel guarda um índice para uma paleta de até 256 entradas, e não a cor em si. Logotipos, ícones e ilustrações chapadas com poucas cores cabem assim em arquivos muito pequenos. PNGs com paleta também podem atribuir valores de transparência individuais às entradas da paleta pelo chunk tRNS; por isso, ao contrário do GIF, é possível ter cores de paleta semitransparentes.

Reduzir uma foto ou um degradê a um PNG com paleta, porém, causa faixas de cor e padrões de pontilhado (dithering). A redução de cores é, portanto, uma etapa de pré-processamento a ser escolhida conforme o tipo de imagem; o formato PNG em si continua sem perdas.

Qual é o alcance do PNG?

Dados da W3Techs de outubro de 2026 mostram o PNG em 74,9% dos sites monitorados, o que o torna o formato de imagem mais usado em sites. Segundo o Web Almanac 2024 do HTTP Archive, 28,4% das imagens em páginas para celular são PNG, atrás apenas do JPEG (32,4%). O mesmo relatório aponta o PNG mediano com 3,8 bits por pixel, contra 2,0 do JPEG e 1,3 do WebP. O alcance do PNG nos sites vem em grande parte de logotipos e ícones que precisam de transparência; servir fotos grandes em PNG deixa as páginas pesadas sem necessidade.

Quando usar PNG e quando escolher outra coisa

A página do WebP no Google informa que imagens WebP sem perdas são 26% menores que PNGs. Isso faz do WebP uma boa alternativa para gráficos exibidos no navegador, embora o PNG ainda tenha compatibilidade maior e praticamente qualquer programa consiga abri-lo.

Problemas comuns

Por que meu PNG está tão grande?

O motivo mais comum é uma fotografia salva em PNG. O ruído e os detalhes finos das fotos não comprimem bem sem perdas, então a mesma imagem pode ficar várias vezes menor em JPG ou WebP. Em capturas de tela, o tamanho do arquivo cresce diretamente com a resolução.

Converter JPG para PNG não melhorou a qualidade

O PNG preserva os pixels exatamente como estão no momento em que são salvos. As perdas e os artefatos de bloco da compressão JPG já fazem parte da imagem antes da conversão, e o PNG também os mantém fielmente.

A transparência sumiu depois de converter para JPG

O JPG não tem canal alfa. Na conversão, os pixels transparentes são preenchidos com uma cor sólida; se você não escolher nenhuma, é usado o padrão do programa (geralmente branco ou preto).

As cores parecem diferentes

O PNG pode carregar um perfil de cor e informações de gama. Programas que interpretam isso de formas diferentes podem mostrar cores levemente distintas. Usar sRGB em imagens destinadas à web é o caminho mais seguro.

Dicas para converter PNG

• Reduza PNGs com aspecto de foto. Ao converter PNG para JPG, a qualidade padrão é 90; as áreas transparentes são preenchidas com branco por padrão, e você pode escolher outra cor de fundo.
• Para manter a transparência, converta PNG para WebP ou PNG para AVIF; os dois formatos guardam canal alfa. Se cada pixel precisar continuar exatamente igual no WebP, marque "WebP sem perdas"; o arquivo pode crescer.
• Reduzir um PNG mantendo-o em PNG tem pouca margem: enquanto a imagem continuar igual, o ganho vem apenas de testar filtros e compressão melhores. Nosso compressor de imagens converte PNGs estáticos para WebP por padrão; se você quiser manter o PNG, a opção extra de otimização de PNG tenta deixar o arquivo menor sem alterar nenhum pixel.
• Precisa de um ícone? O conversor de PNG para ICO reúne em um só arquivo um ícone quadrado de 16, 32 e 48 pixels (e tamanhos maiores, se a imagem for grande o bastante).
• Essas conversões rodam no seu navegador, então seus arquivos nunca saem do seu dispositivo. Dados EXIF e de localização não são gravados no arquivo final.

Perguntas frequentes

O PNG é com perdas ou sem perdas?

O PNG é sem perdas. Não importa quantas vezes você abra e salve o arquivo, os pixels não mudam. O que algumas ferramentas chamam de "PNG com perdas" é reduzir o número de cores antes de salvar para gerar um PNG com paleta; a perda acontece nessa etapa de pré-processamento, e não no formato.

O PNG suporta animação?

O PNG básico não. A extensão APNG adiciona animação e passou a fazer parte da especificação com a terceira edição do PNG pelo W3C. Segundo a MDN, todos os navegadores atuais exibem APNG, mas muitos editores de imagem abrem apenas o primeiro quadro.

O que significam PNG-8 e PNG-24?

Esses nomes não estão na especificação; são abreviações usadas pelos programas. PNG-8 costuma indicar um PNG com paleta de até 256 cores, PNG-24 um PNG truecolor de 24 bits por pixel e PNG-32 um PNG RGBA com canal alfa.

Devo usar PNG ou WebP?

Se a imagem for exibida em uma página web, o WebP geralmente gera um arquivo menor e também mantém a transparência. Se você vai editar a imagem em outros programas, enviá-la a alguém ou arquivá-la, o PNG oferece compatibilidade maior.

O PNG serve para impressão?

Em qualidade, sim, porque é sem perdas, mas o PNG não suporta o modelo de cor CMYK. Fluxos de impressão profissional costumam preferir TIFF ou PDF.

Fontes

• W3C: Portable Network Graphics (PNG) Specification (Third Edition)
• W3C: visão geral e história do PNG
• Greg Roelofs: History of the Portable Network Graphics (PNG) Format
• Library of Congress: descrição do formato PNG
• Google for Developers: An image format for the Web (WebP)
• MDN: Image file type and format guide
• W3Techs: Usage statistics of image file formats for websites
• HTTP Archive Web Almanac 2024: Media