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 um.
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, no entanto, como a tecnologia para o arquivo foi criado para armazenar grandes arquivos de imagem fotográfica em espaços surpreendentemente pequenos e não para edição de fotos.
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 borradas ou borradas pelo anti-aliasing. O que é potencialmente pior, é que essa perda pode se 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.
É possível baixar plugins que permitem aos usuários abrir e salvar o JPG2000 sem perdas, e alguns programas, como o aplicativo de visualização da Apple, podem ler e salvar o 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 observar que os JPGs em tons 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. Essa tecnologia já foi controversa (para questões de aplicação de patentes), mas se tornou um formato aceito desde que todas as patentes expiraram.
Além do suporte à transparência, o GIF também oferece suporte a 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 de 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.
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 cores de fundo diferentes.
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 de seu 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 opções ótimas 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 compacta em pequenas proporções, 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 muito, 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 gravação.
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.