Qual é a diferença entre JPG, PNG e GIF?

À medida que continuamos construindo a antiga tecnologia de imagem, os tipos de formatos de arquivo se acumulam, cada um com suas próprias nuances e usos. JPG, PNG e GIF se tornaram os mais comuns, mas o que os diferencia um do outro?

Esses formatos se tornaram os mais populares por causa de sua compatibilidade com navegadores modernos, velocidades de banda larga e as necessidades dos usuários comuns. Junte-se a nós enquanto analisamos detalhadamente cada formato e cobrimos os pontos fortes e fracos de cada.

JPG (Joint Photographic Experts Group)

O JPG foi um tipo de arquivo desenvolvido pelo Joint Photographic Experts Group (JPEG) para ser um padrão para fotógrafos profissionais. Como o método que os arquivos ZIP usam para encontrar redundâncias em arquivos para compactar dados, JPGs compactam dados de imagem reduzindo seções de imagens em blocos de pixels ou “blocos”. A compactação JPG tem o infeliz efeito colateral de ser permanente, como a tecnologia para o arquivo foi criado para armazenar grandes arquivos de imagens fotográficas em espaços surpreendentemente pequenos e não para edição de fotos.

JPGs tornaram-se a imagem padrão de fato da internet, porque eles podem ser comprimidos tanto. Um JPG típico pode ser compactado em uma proporção de 2: 1 a 100: 1, dependendo das configurações. Particularmente nos tempos da internet discada, os JPGs eram a única maneira viável de enviar informações sobre a imagem.

No entanto, devido à natureza com perdas do JPG, não é uma maneira ideal de armazenar arquivos de arte. Até mesmo a configuração de qualidade mais alta para o JPG é compactada e mudará a aparência da sua imagem, mesmo que apenas ligeiramente. O JPG também não é um meio ideal para tipografia, linhas nítidas ou até mesmo fotografias com bordas afiadas, já que elas geralmente são desfocadas ou borradas pelo anti-aliasing. O que é potencialmente pior, é que essa perda pode acumular-salvar várias versões do trabalho artístico pode causar degradação a cada salvamento. Mesmo assim, é comum ver essas coisas salvas como JPG, simplesmente porque o tipo de arquivo é tão onipresente.

Close up de um JPG de alta qualidade. Close up de um JPG com muita perda.

O Joint Photographic Experts Group desenvolveu a tecnologia JPG sem perdas para combater esse grave problema de degradação da qualidade. No entanto, devido às velocidades de acesso telefónico e à falta geral de interesse em ficheiros não degradantes de alta qualidade, o padrão JPG-LS nunca detectou.

É possível baixar plugins que permitem aos usuários abrir e salvar o JPG2000 sem perdas, e alguns programas, como o aplicativo Preview da Apple, podem ler e salvar JPG2000 diretamente da caixa..

Os JPGs suportam RGB e CMYK de 24 bits, bem como Escala de Cinza de 8 bits. Eu pessoalmente não recomendo usar espaços de cores CMYK em JPGs. Também é importante notar que os JPGs em escala de cinza não comprima quase tanto quanto as cores.

GIF (Graphics Interchange Format)

O GIF, como o JPG, é um tipo de arquivo mais antigo e geralmente associado à internet, em oposição à fotografia. GIF significa “Graphics Interchange Format” e emprega a mesma compactação LZW sem perdas usada pelas imagens TIFF. Esta tecnologia já foi controversa (para questões de aplicação de patentes), mas tornou-se um formato aceito desde que todas as patentes expiraram.

Close up de um GIF colorido de 8 bits.

O GIF é, por natureza, um arquivo colorido de 8 bits, o que significa que eles são limitados a 256 cores, que podem ser selecionadas no modelo de cores RGB e salvas em uma CLUT (Color Look Up Table) ou simplesmente “Color Table”. Existem, no entanto, paletas de cores padrão, como a paleta “Web Safe”. Uma observação importante é que as imagens em escala de cinza são, por natureza, uma paleta de 8 bits, portanto, salvá-las conforme o GIF é bastante ideal.

Além do suporte à transparência, o GIF também suporta animações, limitando cada quadro a 256 cores pré-selecionadas.

Embora o GIF não seja com perdas como o JPG, a conversão para cores de 8 bits distorce muitas imagens, usando filtros de pontilhado para misturar opticamente ou "difundir" cores, semelhantes a pontos de meio-tom ou pontilismo. Isso pode alterar radicalmente uma imagem para pior ou, em alguns casos, ser usado para criar um efeito interessante.

Devido a esse formato sem perdas, o GIF pode ser usado para manter linhas rígidas em tipografia e formas geométricas, embora essas coisas sejam mais adequadas para arquivos gráficos vetoriais, como SVG ou o formato nativo do Adobe Illustrator, AI.

O GIF não é ideal para fotografia moderna nem armazenamento de imagens. Em tamanhos pequenos com tabelas de cores muito limitadas, as imagens GIF podem ser menores que os arquivos JPG. Mas, na maioria dos tamanhos comuns, a compactação JPG criará uma imagem menor. Eles estão em grande parte desatualizados, úteis apenas para criar bebês dançando ou, às vezes, criar transparências ásperas.

PNG (Portable Network Graphics)

PNG significa Portable Network Graphics (ou, dependendo de quem você pergunta, o recursivo “PNG-Not-GIF”). Ele foi desenvolvido como uma alternativa aberta ao GIF, que usava o algoritmo de compactação LZW proprietário discutido anteriormente. O PNG é um excelente tipo de arquivo para gráficos da Internet, pois suporta a transparência em navegadores com uma elegância que o GIF não possui. Observe como a cor transparente muda e se mistura com o fundo. Clique com o botão direito na imagem para ver. Esta é realmente uma imagem que está em quatro diferentes cores de fundo.

O PNG suporta cores de 8 bits como GIF, mas também suporta cores RGB de 24 bits, como o JPG. Eles também são arquivos sem perdas, compactando imagens fotográficas sem degradar a qualidade da imagem. O PNG tende a ser o maior dos três tipos de arquivos e não é suportado por alguns navegadores (geralmente mais antigos).

Além de ser um excelente formato para transparência, a natureza sem perdas do PNG de 24 bits é ideal para software de captura de tela, permitindo a reprodução de pixels por pixel do ambiente de área de trabalho.

Qual usar?

Da esquerda para a direita, esses arquivos são: JPEG JPG de 24 bits, GIF de 8 bits, PNG de 8 bits, JPG de 24 bits de qualidade total e PNG de 24 bits. Observe que os tamanhos dos arquivos aumentam nessa mesma direção.

O PNG é o maior tipo de imagem para imagens maiores, geralmente contendo informações que você pode ou não achar úteis, dependendo de suas necessidades. O PNG de 8 bits é uma opção, mas o GIF é menor. Também não são ótimas opções para fotografia, já que o JPG é muito menor que o PNG sem perdas, com perda mínima de qualidade. E para o armazenamento de arquivos de alta resolução, o JPG reduz para proporções minúsculas, com perda de qualidade apenas visível em uma inspeção mais próxima.

Em resumo:

• O PNG é uma boa opção para transparência e arquivos menores sem perdas. Arquivos maiores, não tanto, a menos que você exija imagens sem perdas.
• GIF é em grande parte uma novidade e só é útil para animação, mas pode produzir pequenas imagens de 8 bits.
• O JPG ainda é o rei de fotografias e imagens semelhantes a fotos na internet, mas tenha cuidado, pois seu arquivo pode degradar a cada salvamento.

Imagem de Keizersgracht, em Amsterdã por Massimo Catarinella através da Wikipedia, lançado sob Licença Creative Commons. Imagens derivadas disponíveis sob a mesma licença. Eu não me importo em saber quem criou o bebê dançarino.