JPG vs PNG: Qual formato de imagem você deve usar?

A diferença fundamental: compressão com e sem perdas

A distinção central entre JPG e PNG se resume a uma decisão de engenharia: como cada formato lida com a compressão. Essa única diferença define todos os outros pontos de comparação — tamanho do arquivo, qualidade, suporte a transparência e casos de uso ideais.

Como a compressão JPG funciona (com perdas baseada em DCT)

JPG (também escrito como JPEG, abreviação de Joint Photographic Experts Group) usa compressão com perdas baseada na Transformada Discreta do Cosseno (DCT). O algoritmo foi projetado especificamente para fotografias e funciona explorando as limitações da visão humana.

Veja o que acontece quando uma imagem é salva como JPG:

1. Conversão do espaço de cores — a imagem é convertida de RGB para YCbCr, separando a luminância (brilho) da crominância (cor). Os olhos humanos são muito mais sensíveis a variações de brilho do que a variações de cor.
2. Subamostragem de croma — os canais de cor (Cb e Cr) são tipicamente reduzidos à metade da resolução (4:2:0), reduzindo imediatamente os dados de cor em 50% com impacto visual mínimo.
3. Divisão em blocos 8×8 — a imagem é dividida em blocos de 8×8 pixels, e cada bloco é transformado em componentes de frequência usando a DCT.
4. Quantização — componentes de alta frequência (detalhes finos) são divididos por números maiores, arredondando-os para zero. É aqui que os dados são perdidos permanentemente. O controle deslizante de qualidade (1–100) determina a agressividade dessa quantização.
5. Codificação por entropia — os valores restantes são comprimidos usando codificação de Huffman (JPEG baseline) ou codificação aritmética para armazenamento final.

O resultado é um arquivo dramaticamente menor que o original, mas visualmente convincente. Na qualidade 85, uma fotografia típica perde menos de 1% de sua qualidade perceptual enquanto é comprimida para aproximadamente 10–15% do seu tamanho não comprimido.

Como a compressão PNG funciona (sem perdas baseada em DEFLATE)

PNG (Portable Network Graphics) usa compressão sem perdas baseada no algoritmo DEFLATE — a mesma compressão usada em arquivos ZIP. Cada pixel da imagem original é preservado exatamente. Nenhum dado é descartado.

A compressão PNG funciona em dois estágios:

1. Filtragem — antes da compressão, cada linha de pixels passa por um filtro de predição (None, Sub, Up, Average ou Paeth). O filtro prevê cada valor de pixel com base nos pixels vizinhos e armazena a diferença. Para imagens com gradientes suaves ou padrões repetidos, essas diferenças são majoritariamente zeros, que comprimem de forma extremamente eficiente.
2. Compressão DEFLATE — os dados filtrados são comprimidos usando DEFLATE, que combina LZ77 (localização de padrões de bytes repetidos) com codificação de Huffman. Isso é sem perdas — a descompressão reconstrói perfeitamente os dados filtrados originais, e reverter o filtro reconstrói perfeitamente os pixels originais.

A compressão PNG é mais eficaz em imagens com grandes áreas de cor idêntica, bordas nítidas e padrões repetidos — exatamente as características de capturas de tela, logos, ícones e elementos de interface. Para fotografias com variação tonal contínua, a compressão PNG é muito menos eficaz porque pixels adjacentes raramente são idênticos.

Transparência: recurso exclusivo do PNG

Uma das diferenças práticas mais significativas entre JPG e PNG é o suporte a transparência.

O PNG suporta um canal alfa completo com 256 níveis de transparência (0 = totalmente transparente, 255 = totalmente opaco). Isso significa que uma imagem PNG pode ter bordas suaves com anti-aliasing que se fundem perfeitamente com qualquer fundo. Cada pixel carrega seu próprio valor de transparência independente, permitindo:

• Logos em qualquer fundo — um logo PNG com transparência funciona em páginas brancas, páginas escuras, fundos coloridos e fotografias sem bordas visíveis ou halos
• Sobreposições semitransparentes — sombras, efeitos de vidro, desvanecer gradual de opaco para transparente
• Formas irregulares — ícones, adesivos, recortes de produtos com bordas suaves com anti-aliasing
• Composição em camadas — elementos de interface, sprites de jogos e recursos de design que precisam se sobrepor a outros conteúdos

O JPG não tem nenhum suporte a transparência. Cada pixel em uma imagem JPG é totalmente opaco. Ao converter um PNG com transparência para JPG, as áreas transparentes precisam ser preenchidas com uma cor sólida — normalmente branco. Não há como representar transparência parcial na especificação do formato JPG.

Comparação de tamanho de arquivo

O tamanho do arquivo é onde JPG e PNG diferem mais dramaticamente — mas a diferença depende inteiramente do tipo de imagem. A suposição comum de que "JPG é sempre menor" está errada. A verdade é mais sutil.

Fotografias: JPG é 5–10x menor

Para fotografias e imagens com variação tonal contínua e complexa (cenas naturais, retratos, fotos de produtos), o JPG produz arquivos dramaticamente menores. Uma fotografia de 24 megapixels que ocupa 72 MB como dados RGB não comprimidos pode ser comprimida para:

• PNG: 35–50 MB (sem perdas — os pixels variam demais para o DEFLATE comprimir com eficiência)
• JPG na qualidade 92: 5–8 MB (visualmente indistinguível do original)
• JPG na qualidade 85: 3–5 MB (excelente qualidade, artefatos insignificantes)
• JPG na qualidade 70: 1,5–3 MB (boa qualidade, leve suavização visível a 100% de zoom)

O motivo é fundamental: fotografias têm alta entropia. Pixels adjacentes diferem em pequenas quantidades imprevisíveis. A compressão sem perdas do PNG não consegue representar essa aleatoriedade com eficiência. A abordagem DCT do JPG explora o fato de que essas variações finas estão abaixo do limiar de percepção humana, descartando-as para uma enorme economia de espaço.

Gráficos simples: PNG pode ser menor

Para imagens com grandes áreas de cor plana, texto nítido, formas geométricas ou paletas de cores limitadas, o PNG pode gerar arquivos menores que o JPG. Isso parece contraintuitivo, mas faz sentido quando você entende como cada algoritmo funciona:

• Um logo simples com 5 cores e grandes áreas sólidas comprime extremamente bem com DEFLATE porque os filtros de predição produzem longas sequências de zeros
• A transformada DCT do JPG tem dificuldade com bordas nítidas — a estrutura de blocos 8×8 cria artefatos de oscilação (fenômeno de Gibbs) em torno de limites de alto contraste, e o codificador precisa usar mais bits para representar adequadamente esses blocos de borda

Um logo de 500×500 pixels pode ter 15 KB como PNG-8 (256 cores indexadas) contra 40 KB como JPG — o PNG é quase 3x menor e ainda perfeitamente nítido.

Exemplos reais de tamanho de arquivo

O padrão é claro: JPG domina para fotografias (10x menor), enquanto o PNG vence para gráficos simples com cores planas e bordas nítidas. Capturas de tela e infográficos ficam em algum ponto intermediário, dependendo da complexidade do conteúdo.

Preservação de qualidade e perda de geração

Uma das diferenças mais importantes entre JPG e PNG é o que acontece quando você edita e salva um arquivo várias vezes.

JPG: perda de geração a cada novo salvamento

Toda vez que você abre um JPG, edita e salva novamente, mais dados são perdidos. Isso se chama perda de geração. Cada ciclo de salvamento executa o processo de quantização DCT novamente, descartando detalhes adicionais que sobreviveram à rodada anterior. Após 10–20 ciclos de abrir-editar-salvar, a degradação se torna claramente visível:

• As cores mudam e ficam posterizadas
• Artefatos de grade 8×8 pixels aparecem em blocos
• Bordas nítidas ficam cada vez mais borradas
• Texturas finas (cabelo, tecido, folhagem) viram borrão
• Artefatos de oscilação (ruído mosquito) se intensificam em torno de limites de alto contraste

Isso é particularmente problemático em fluxos de trabalho onde imagens são editadas várias vezes: design gráfico, criação de conteúdo para redes sociais e edição colaborativa de fotos. Cada pessoa que abre o JPG, corta ou ajusta e salva novamente introduz mais uma rodada de degradação.

PNG: salvamentos infinitos sem degradação

O PNG preserva cada pixel perfeitamente, independentemente de quantas vezes o arquivo é aberto, editado e salvo novamente. Como a compressão PNG é sem perdas, a descompressão sempre produz exatamente os dados de pixel originais. Editar e salvar novamente simplesmente recomprime os pixels (possivelmente modificados) sem perdas. Não há perda de geração, nenhum acúmulo de artefatos e nenhuma degradação de qualidade ao longo do tempo.

Isso torna o PNG a escolha correta para:

• Arquivos de trabalho — recursos de design, templates e arquivos-fonte que serão editados muitas vezes
• Capturas de tela para documentação — texto e elementos de interface devem permanecer perfeitamente nítidos por qualquer número de edições
• Cópias de arquivo morto — quando você precisa preservar os dados exatos de pixel indefinidamente
• Material-fonte para exportações futuras — manter um PNG master permite exportar para JPG em qualquer nível de qualidade depois

Profundidade de cor

Tanto JPG quanto PNG suportam milhões de cores, mas suas capacidades de profundidade de cor diferem de formas importantes.

JPG suporta 8 bits por canal (cor de 24 bits), o que oferece 16,7 milhões de cores possíveis. Isso é suficiente para praticamente todas as fotografias e conteúdos web. JPG não suporta imagens de 16 bits por canal ou modos de cor indexada.

PNG suporta múltiplos modos de profundidade de cor:

• PNG-24 (truecolor): 8 bits por canal, 16,7 milhões de cores — igual ao JPG, mas sem perdas
• PNG-32 (truecolor + alfa): 8 bits por canal mais transparência alfa de 8 bits — 32 bits por pixel no total
• PNG-48 (deep color): 16 bits por canal, 281 trilhões de cores possíveis — usado em imagens científicas, imagens médicas e fluxos de trabalho de fotografia de alto nível
• PNG-8 (indexado): paleta de 256 cores com transparência opcional de 1 bit — arquivos extremamente pequenos para gráficos simples
• Escala de cinza: 1, 2, 4, 8 ou 16 bits por pixel para imagens monocromáticas

Para uso web, o suporte de 8 bits por canal em ambos os formatos é mais que suficiente. O modo PNG de 16 bits é relevante para fluxos de trabalho especializados: astrofotografia, imagens médicas, composição de alto alcance dinâmico e visualização de dados científicos onde diferenças tonais sutis carregam informação.

JPG vs PNG: tabela de comparação completa

Quando usar JPG

JPG é a escolha correta quando o tamanho do arquivo importa e a imagem contém variação tonal contínua e complexa. Estes são os principais casos de uso:

• Fotografias — retratos, paisagens, fotos de eventos, fotografia de produtos. O JPG foi projetado especificamente para conteúdo fotográfico. Uma foto de 12 megapixels na qualidade 85 gera um JPG de 2–5 MB contra um PNG de 25–40 MB.
• Imagens hero e fundos para web — imagens de banner grandes que precisam carregar rapidamente. Uma imagem hero de 1920×1080 na qualidade 85 tem aproximadamente 200–400 KB como JPG, rápido o suficiente para a maioria das conexões.
• Uploads para redes sociais — todas as principais plataformas (Instagram, Facebook, Twitter/X, LinkedIn) recomprimem as imagens enviadas para JPG de qualquer forma. Enviar um JPG dá mais controle sobre a qualidade inicial do que deixar a compressão agressiva da plataforma decidir.
• Anexos de e-mail — fotos JPG são pequenas o suficiente para anexar diretamente. A versão PNG da mesma foto pode ultrapassar os limites de tamanho do e-mail.
• Miniaturas e pré-visualizações — pequenas imagens de pré-visualização onde o tamanho do arquivo deve ser mínimo e os artefatos com perdas são invisíveis nas dimensões reduzidas.
• Fotografia para impressão — laboratórios fotográficos profissionais aceitam JPG na qualidade 95–100. Nessas configurações, a compressão é quase sem perdas e ainda significativamente menor que PNG.

Quando usar PNG

PNG é a escolha correta quando precisão perfeita de pixels, transparência ou preservação de bordas nítidas importam mais do que o tamanho do arquivo:

• Logos e marcas — logos precisam permanecer nítidos em qualquer tamanho e se fundir perfeitamente em qualquer fundo. PNG com transparência é o formato padrão para distribuição de logos.
• Ícones e elementos de interface — ícones de aplicativos, gráficos de botões, elementos de navegação e componentes de interface requerem bordas perfeitas e frequentemente precisam de transparência.
• Capturas de tela — texto, código, menus e elementos de interface em capturas de tela têm bordas nítidas de alto contraste que o JPG lida mal. Uma captura de tela JPG de um editor de código mostra artefatos visíveis em torno de cada caractere.
• Imagens com muito texto — qualquer imagem contendo texto legível (infográficos com corpo de texto, diagramas com rótulos, memes com legendas) deve usar PNG para manter o texto nítido.
• Arte linear e ilustrações — gráficos estilo vetorial, diagramas técnicos, gráficos e tabelas com linhas limpas e cores planas.
• Pixel art — gráficos de jogos retrô e pixel art precisam preservar valores exatos de pixel. O JPG desfocaria os limites intencionalmente nítidos de cada pixel.
• Imagens médicas e científicas — qualquer aplicação onde os dados exatos de pixel carregam informações diagnósticas ou de medição. Compressão com perdas é inaceitável.
• Arquivos de trabalho/fonte — recursos de design que serão editados, sobrepostos ou exportados várias vezes. PNG evita a perda de geração.

Guia de decisão rápida

Quando você não tem certeza de qual formato usar, siga este processo de decisão:

1. A imagem precisa de transparência? → PNG. JPG não tem suporte a transparência.
2. É uma fotografia ou imagem natural complexa? → JPG. A compressão com perdas produz arquivos 5–10x menores com perda de qualidade imperceptível.
3. Contém texto, bordas nítidas ou arte linear? → PNG. O JPG cria artefatos visíveis em torno de limites de alto contraste.
4. É uma captura de tela? → PNG. Capturas de tela têm elementos de interface, texto e bordas nítidas que degradam com a compressão JPG.
5. É um logo ou ícone? → PNG. Logos precisam de bordas perfeitas e geralmente precisam de transparência.
6. O arquivo será editado e salvo várias vezes? → PNG. Evita a perda de geração de salvamentos JPG repetidos.
7. A velocidade de carregamento da página web é prioridade? → JPG para fotos, PNG para gráficos (PNG-8 para gráficos simples é minúsculo).
8. Sem certeza? → Salve como PNG. Você sempre pode converter para JPG depois. Você não pode converter JPG para PNG e recuperar os dados perdidos.

Entendendo os artefatos de compressão JPG

Quando a compressão JPG é definida de forma muito agressiva (valores de qualidade baixos), vários tipos de artefatos visuais ficam visíveis. Entender esses artefatos ajuda você a escolher as configurações de qualidade adequadas e saber quando evitar o JPG completamente.

Artefatos de bloco (grade DCT)

Como o JPG processa imagens em blocos de 8×8 pixels, a compressão agressiva pode tornar os limites dos blocos visíveis como um padrão de grade sobreposto à imagem. Isso é mais perceptível em gradientes suaves (como o céu) onde o olho espera variação tonal contínua. Na qualidade 50 ou abaixo, o bloqueamento fica claramente visível na maioria das fotografias.

Artefatos de oscilação (ruído mosquito)

O JPG tem dificuldade com bordas nítidas e de alto contraste. A transformada DCT produz o fenômeno de Gibbs — artefatos oscilatórios em torno de transições abruptas. Isso aparece como um halo de ruído em torno de texto, logos e qualquer limite nítido entre áreas escuras e claras. Este é o principal motivo pelo qual JPG é inadequado para capturas de tela e imagens com muito texto.

Faixas de cor e posterização

Em áreas com gradientes sutis (tons de pele, céus ao entardecer, fundos de cor sólida), a compressão JPG pode reduzir o número de etapas de cor visíveis, criando faixas visíveis em vez de transições suaves. Isso é agravado pela subamostragem de croma, que reduz pela metade a resolução de cor antes mesmo de a compressão DCT começar.

Mudança de cor

Salvamentos JPG repetidos causam desvio de cor cumulativo à medida que o processo de quantização arredonda valores em direções ligeiramente diferentes a cada ciclo. Após muitas gerações, cinzas originalmente neutros podem adquirir uma tonalidade de cor, e cores saturadas podem mudar de matiz. Este é um dos efeitos mais insidiosos da perda de geração porque é difícil de reverter.

Contexto de 2026: WebP e AVIF

Embora JPG e PNG continuem sendo os formatos de referência universal, duas alternativas mais recentes são cada vez mais relevantes em 2026:

WebP: o melhor dos dois mundos

Desenvolvido pelo Google e lançado em 2010, o WebP suporta compressão com e sem perdas, além de transparência e animação — combinando os pontos fortes de JPG e PNG em um único formato. Imagens WebP com perdas são tipicamente 25–35% menores que arquivos JPG equivalentes na mesma qualidade visual. Imagens WebP sem perdas são tipicamente 26% menores que PNG.

Em 2026, o WebP conta com mais de 97% de suporte nos navegadores (todos os navegadores modernos incluindo Chrome, Firefox, Safari, Edge e Opera). O Safari adicionou suporte ao WebP em 2020, eliminando o último grande resistente.

AVIF: compressão de próxima geração

AVIF (AV1 Image File Format) é baseado no codec de vídeo AV1 e oferece compressão ainda melhor que WebP. Imagens AVIF com perdas são aproximadamente 50% menores que arquivos JPG equivalentes e suportam transparência, ampla gama de cores (HDR) e até 12 bits de profundidade de cor.

O suporte do AVIF nos navegadores é de aproximadamente 93% em 2026 (Chrome, Firefox, Safari 16.4+, Edge). A codificação é mais lenta que JPG ou WebP, mas o desempenho de decodificação é competitivo.

Por que JPG e PNG ainda importam

Apesar das vantagens de WebP e AVIF, JPG e PNG continuam essenciais em 2026 por vários motivos:

• Compatibilidade universal — JPG e PNG funcionam em todos os aplicativos, sistemas operacionais, clientes de e-mail e dispositivos fabricados nos últimos 30 anos. WebP e AVIF ainda encontram casos extremos em software mais antigo, clientes de e-mail e aplicações nativas.
• Requisito de fallback — mesmo sites que servem WebP ou AVIF via o elemento <picture> precisam fornecer fallbacks JPG/PNG para os 3–7% restantes de navegadores e para rastreadores, pré-visualizações de redes sociais e leitores RSS.
• Ecossistema de edição — Photoshop, GIMP, Lightroom e a maioria dos editores de imagem usam JPG e PNG como seus principais formatos de importação/exportação. O suporte a WebP e AVIF está crescendo, mas ainda não é universal.
• Redes sociais e e-mail — plataformas como Instagram, Facebook e clientes de e-mail aceitam JPG e PNG de forma confiável. O suporte a upload de WebP é inconsistente entre plataformas.
• Fluxos de trabalho de impressão — o setor gráfico usa JPG (para fotos) e PNG/TIFF (para gráficos). WebP e AVIF não têm nenhuma presença na impressão.

Converter entre JPG e PNG

Às vezes você precisa converter entre formatos. Veja quando cada direção faz sentido:

PNG para JPG: reduzindo o tamanho do arquivo

Converta PNG para JPG quando você tiver uma imagem fotográfica salva como PNG e precisar de um arquivo menor. Isso é comum com:

• Capturas de tela de celulares que salvam como PNG
• Imagens exportadas de ferramentas de design na qualidade máxima
• Documentos e fotografias digitalizados
• Imagens que precisam ser enviadas para plataformas com limites de tamanho

Ao converter, o CleverUtils usa qualidade 92, que proporciona um excelente equilíbrio entre redução de tamanho de arquivo e qualidade visual. Áreas transparentes são achatadas para branco, e o espaço de cores é padronizado para sRGB para máxima compatibilidade.

JPG para PNG: preservando para edição

Converta JPG para PNG quando precisar editar uma imagem e evitar mais perdas de geração. Converter para PNG não melhora a qualidade da imagem — os dados perdidos durante a compressão JPG foram embora permanentemente. No entanto, preserva o estado atual da imagem sem perdas, garantindo que edições e salvamentos subsequentes não introduzam degradação adicional.