PNG vs JPG

JPG para fotos; PNG para qualquer coisa com texto, borda dura ou transparência.

Escolha PNG quando

PNG assim que houver letra, linha limpa ou superfície com borda marcada: capturas de tela, logos, diagramas. E sempre que o fundo precisar ficar transparente.

Escolha JPG quando

JPG para fotografias. Com degradês suaves e grão, ele ocupa uma fração sem que a diferença apareça.

O detalhe que pega as pessoas de surpresa

Uma captura de tela salva como JPG sai com um halo sujo em volta de cada letra, e isso não sai mais. Ao contrário, uma foto em PNG fica enorme sem ficar melhor: é a mesma imagem ocupando dez vezes mais.

Passar de PNG para JPG

O que se perde

JPG não tem canal alfa. Um arquivo PNG com transparência sai com essas áreas preenchidas — de branco, se você não indicar outra coisa — e nenhum ajuste de JPG traz a transparência de volta.

PNG guarda até 16 bits por canal e JPG guarda 8. Essa precisão a mais é o que aguenta correções fortes sem faixas, então converta depois de editar, não antes.

Abrir o resultado

Adobe Photoshop e GIMP leem tanto PNG quanto JPG, então dá para comparar o resultado com o original sem um segundo programa.

Tamanho e qualidade

O arquivo fica bem menor, e fica menor descartando detalhe. PNG guarda tudo; JPG guarda o que o olho quase não percebe. Numa fotografia a troca sai quase de graça; em texto, captura de tela ou desenho de linha ela aparece como halos nas bordas.

Para que serve cada formato

PNG é o formato da PNG Development Group, publicado em 1996. Registra 16 bits por canal.

JPG vem da Joint Photographic Experts Group é de 1992, descrito em ITU-T T.81. Adobe Photoshop, GIMP e Preview leem o formato.

Passar de JPG para PNG

O que se perde

PNG não tem onde guardar os campos IPTC: legenda, crédito e palavras-chave e as coordenadas de GPS, então isso não passa do arquivo JPG. Vale conferir antes de apagar o original — e vale saber, se apagar era justamente o objetivo.

O que o formato de destino acrescenta

PNG aceita transparência e JPG não. É espaço que o resultado tem e que o original nunca usou: converter não cria fundo transparente, apenas torna um possível depois.

Abrir o resultado

Adobe Photoshop e GIMP leem tanto JPG quanto PNG, então dá para comparar o resultado com o original sem um segundo programa.

Tamanho e qualidade

O resultado fica maior que o original e não fica melhor. JPG já descartou detalhe e PNG guarda o que sobrou sem descartar mais: evita perda nova, não desfaz a primeira.

Para que serve cada formato

JPG é o formato da Joint Photographic Experts Group, publicado em 1992. Registra 8 bits por canal.

PNG vem da PNG Development Group é de 1996, descrito em ISO/IEC 15948. Adobe Photoshop, GIMP e Paint.NET leem o formato.

O que a conversão de PNG para JPG faz de fato

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as PNG.

PNG139 KB

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as JPG.

JPG9 KB15.9× menor

Uma cena fotográfica — degradês suaves, bordas macias, granulação. Este é o caso para o qual JPG foi feito, ou contra o qual foi feito, e os números mostram qual dos dois. As duas imagens são desenhadas por código e codificadas pelo mesmo conversor que roda nesta página, então os tamanhos são a saída do próprio site.
A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as PNG.

PNG7 KB

A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as JPG.

JPG6 KB18% menor

Fundo transparente e um degradê atravessando a forma. JPG ou mantém os dois, ou mantém um, ou preenche a transparência com uma cor sólida — e é essa diferença que pega as pessoas. As duas imagens são desenhadas por código e codificadas pelo mesmo conversor que roda nesta página, então os tamanhos são a saída do próprio site.
A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as PNG.

PNG3 KB

A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as JPG.

JPG16 KB6.3× maior

Cor chapada e bordas duras, como numa interface, num gráfico ou num logo. Comportamento bem diferente do da fotografia acima, e o motivo de a resposta ser "depende do que está no arquivo". As duas imagens são desenhadas por código e codificadas pelo mesmo conversor que roda nesta página, então os tamanhos são a saída do próprio site.

Lado a lado

PNG e JPG comparados linha a linha: o que cada um guarda e o que isso custa.
PNGJPG
Full namePortable Network GraphicsJPEG Image
Extensão.png.jpg, .jpeg, .jpe
Tipo de mídiaimage/pngimage/jpeg
CompressãoSem perdas — nada é descartadoCom perdas — o tamanho é comprado com qualidade
Este site consegue gravarSimSim

De onde vêm estes números

O que esta página afirma sobre PNG and JPG pode ser conferido, e estes são os documentos que resolvem a questão.