Diferença de formatos de imagens GIF, JPG e PNG no Photoshop CS2 e Fireworks 8

Imagem com poucas cores com degradê
Photoshop CS2 - Zoom 400% Fireworks 8 - Zoom 400%
JPG 60
JPG 60 - Photoshop 4,87 KB
Arquivo original - 4,87 KB
JPG 60 - Fireworks 3,28 KB
Arquivo original - 3,28 KB
Vantagem do Photoshop que com apenas 1,59 KB a mais apresenta uma imagem bem menos destruída que a gerada pelo Fireworks.
JPG 90
JPG 90 - Photoshop - 10,3 KB
Arquivo original - 10,3 KB
JPG 90 - Fireworks - 7,13 KB
Arquivo original - 7,13 KB
Vantagem do Fireworks. Mesmo com o arquivo menor 3,17 KB ficou com praticamente a mesma qualidade de imagem final que o Photoshop
GIF 64 Cores Adaptive
GIF 64 - Photoshop - 4,10 KB
Arquivo original - 4,10 KB
GIF 64 - Fireworks - 3,25 KB
Arquivo original - 3,25 KB
O Photoshop dá um verdadeiro banho no Fireworks com qualidade de imagem incontestavelmente superior com apenas 0,85 KB a mais
GIF 128 Cores Adaptive
GIF 128 - Photoshop - 4,84 KB
Arquivo original - 4,84 KB
GIF 128 - Fireworks - 3,70 KB
Arquivo original - 3,70 KB
O Photoshop continua em vantagem na qualidade com 1,14 KB a mais no arquivo
PNG 8
PNG 8 - Photoshop - 2,85 KB
Arquivo original - 2,85 KB
PNG 8 - Fireworks - 2,84 KB
Arquivo original - 2,84 KB
Photoshop se mostra o grande vencedor quando o formato é PNG 8, com o arquivo praticamente com o mesmo tamanho a qualidade da imagem final do no PS ainda é muito superior ao Fireworks, note os degradês.

Conclusão 1

Além de comprovar a superioridade já conhecida do Photoshop, a conclusão é que em gráficos simples como ícones, com degradês suaves a melhor opção seria o PNG 8 ou o GIF 64, com tamanho de arquivo pequeno e perda de qualidade quase nula. O grande contra do PNG 8 seria o IE6 que não exibe corretamente sua paleta de cores. O formato JPG deve ser evitado nesse tipo gráfico em qualquer nível de qualidade, pois mesmo com qualidade superiroes a 60 não apresentam vantagem no tamanho do arquivo final.


Imagem com muitas cores, fotografias...
Photoshop CS2 - Zoom 200% Fireworks 8 - Zoom 200%
GIF 64 Cores Adaptive
GIF 64 - Photoshop - 95,9 KB
Arquivo original - 95,9 KB
JPG 60 - Photoshop - 3,28 KB
Arquivo original - 62,7 KB
Aí está o exemplo de porque o GIF não é o formato adequado para fotografias e imagens com muitos nuances. Os dois programas se saem mal, mas o Fireworks ganha com o tamanho do arquivo menor.
GIF 256 Cores Adaptive
GIF 256 - Photoshop - 120 KB
Arquivo original - 120 KB
GIF 256 - Fireworks - 97,0 KB
Arquivo original - 97,0 KB
Definitivamente os dois programas tratam as imagens usando algorítimos bem diferentes e o GIF mesmo usando todas as 256 cores não é adequado para fotografia.
JPG 30
JPG 30 - Photoshop 35,9 KB
Arquivo original - 35,9 KB
JPG 30 - Fireworks - 24,9 KB
Arquivo original - 24,9 KB
O FW faz um trabalho bem sujo quando a qualidade do JPG é menor que 50. Arquivo pequeno nem sempre é vantagem.
JPG 60
JPG 60 - Photoshop - 71,3 KB
Arquivo original - 71,3 KB
JPG 60 - Fireworks - 44,8 KB
Arquivo original - 44,8 KB
O Photoshop continua apresentando uma qualidade de imagem bem superior ao Fireworks, porém com um arquivo maior. O JPG 60 do Photoshop é o formato ideal para fotografia na web pesando qualidade vs tamanho.
JPG 90
JPG 90 - Photoshop - 157 KB
Arquivo original - 157 KB
JPG 90 - Fireworks - 106 KB
Arquivo original - 106 KB
O Fireworks vence no JPG 90 com arquivo consideravelmente menor e diferença de qualidade quase imperceptivél em relação ao arquivo do Photoshop, mas os dois batem a casa do 100 KB, o que já é um arquivo de tamanho considerado grande para web.
PNG 8
PNG 8 - Photoshop - 157 KB
Arquivo original - 81,4 KB
PNG 8 - Fireworks - 106 KB
Arquivo original - 78,9 KB
Como o PNG 8 apresenta compressão bem semelhante ao GIF acabe se comprando ao GIF 256 em qualidade, mas ganha por ter menor tamanho de arquivo. Outra semelhança com o GIF é que não é o formato para fotografias.
PNG 24
PNG 24- Photoshop - 344 KB
Arquivo original - 344 KB
PNG 24 - Fireworks - 41,4 KB
Arquivo original - 338 KB
Os dois programas empatam no tamanho do PNG 24 e que tamanho. Uma fotografia 500 x 375 com 338 KB? Um exagero, arquivo gigante que pode demorar muito para carregar numa conexão discada. O uso de PNG 24 em fotografias só deve ser aplicado nos casos em que a imagem será impressa, pois o arquivo praticamente não perde qualidade. O JPG 100 também seria uma opção para impressão, mas como é um formato que se degrada toda vez que é salvo, mesmo em qualidade 100, não é indicado para fotógrafos mais exigentes.

Conclusão 2

O Fireworks tenta gerar o arquivo dando prioridade máxima ao tamanho pequeno, o que seria bom se o resultado da qualidade não fosse tão ruim. O Photoshop ganha disparado como o software otimizador e o JPG 60 como formato para a WEB. Já o PNG 24, claro, ganha no formato para impressão de fotos por haver perda de qualidade quase zero. Mas no final das contas é sempre bom testar os vários formatos para cada imagem, principalmente se é uma imagem grande que vai exigir um poco mais de banda do host do seu cliente.

Artigo que deu origem a essa comparação