PNG vs GIF

PNG para imagem parada; GIF só quando alguma coisa precisa se mexer.

Escolha PNG quando

PNG para qualquer imagem parada. Mais cores, bordas melhores e arquivos menores que um GIF do mesmo conteúdo.

Escolha GIF quando

GIF unicamente quando é preciso animação e o destino não aceita vídeo: um e-mail, um README, um chamado.

O detalhe que pega as pessoas de surpresa

O GIF é limitado a 256 cores. Uma fotografia salva assim se enche de faixas e de pontinhos, e esse estrago é irreversível.

Passar de PNG para GIF

O que se perde

GIF 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 GIF traz a transparência de volta.

GIF aceita no máximo 256 cores por imagem. Uma fotografia é reduzida a uma paleta, daí o céu em degraus. Não é ajuste de qualidade: é o formato.

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

O que se mantém

Nada é descartado. PNG e GIF guardam o conteúdo sem perda, então a conversão troca a embalagem e não a qualidade — e pode ser repetida sem que o estrago se acumule.

Abrir o resultado

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

Para que serve cada formato

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

GIF vem da CompuServe é de 1987, descrito em GIF89a. GIMP, Adobe Photoshop e ImageMagick leem o formato.

Passar de GIF para PNG

O que se perde

PNG guarda uma única imagem parada. De um arquivo GIF animado sobra o primeiro quadro e o resto se perde: a conversão serve para extrair uma imagem, não para levar o movimento junto.

O que se mantém

Nada é descartado. GIF e PNG guardam o conteúdo sem perda, então a conversão troca a embalagem e não a qualidade — e pode ser repetida sem que o estrago se acumule.

A transparência se mantém. GIF e PNG guardam canal alfa, então um recorte continua recortado e nada é preenchido atrás.

Abrir o resultado

GIF é de 1987 e está praticamente superado. PNG é o que os programas atuais escrevem, então converter também é uma forma de continuar conseguindo ler.

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

Para que serve cada formato

GIF é o formato da CompuServe, publicado em 1987. 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 GIF 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 GIF.

GIF36 KB3.8× menor

Uma cena fotográfica — degradês suaves, bordas macias, granulação. Este é o caso para o qual GIF 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 GIF.

GIF8 KB8% maior

Fundo transparente e um degradê atravessando a forma. GIF 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 GIF.

GIF6 KB2.4× 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 GIF comparados linha a linha: o que cada um guarda e o que isso custa.
PNGGIF
Full namePortable Network GraphicsGraphics Interchange Format
Extensão.png.gif
Tipo de mídiaimage/pngimage/gif
CompressãoSem perdas — nada é descartadoSem perdas — nada é descartado
Este site consegue gravarSimSim

De onde vêm estes números

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