Não sabia que o problema era do PNG… obrigado pelo post foi bastante esclarecedor!

Abraços a todos.

Evandro Araujo.

Esse tipo de utilidade já existem em programas que trabalham com PNG. Photoshop (save for web), Fireworks (aba optimize).

Particularmente o Fireworks salva junto com os PNG´s, informações de camadas, como se fossem os PSD´s do Photoshop. Quando os PNG´s são exportados ocorre um RASTERIZE nas camadas (só vai exportar 1 camada) seguindo as opções escolhidas na aba OPTIMIZE (em outras palavras: vai achatar a imagem). Se alguem utiliza os Png´s não otimizados sem intenção de fornecer a imagem fonte, tá fazendo cáca (isso é coisa de estagiário).

O photoshop já ABRE o PNG rasterizado, não tem opção pra manter essas informações.Quem usa o photoshop, sabe q se abrir um arquivo do PNG do fireworks e salva-lo, estará descartando as informações do Fireworks (Vai ter designer querendo seu pescoço. Corre estagiário, mas corre muuuito).

Vitorio Tadao Kuroda

No exemplo acima o erro é tão visível que pequenas alterações na qualidade da imagem não modificam a interpretação, e também o exemplo real está disponível para quem quiser ver com os próprios olhos.

Mas obrigado pela participação e pela dica do programa, sem dúvidas vou procurar conhecê-lo melhor.

Abraço

Existem explicações matemáticas de por quê isto acontece, analisando o algoritmo do JPG (que baseia-se em expansão em séries)… Mas, na prática, pode-se saber que o JPG comprime muito bem imagens com transições suaves, imagens com uma quantidade muito grande de cores… Bem, resumidamente, fotos (e refiro-me a fotos “do mundo real”). Para imagens com muitas cores sólidas e transições abruptas de cor (como é o caso, em geral, de screenshots), o formato JPG deixa a imagem mais feia, às vezes com cores um pouco alteradas, e adiciona muito ruído (noise) próximo às áreas de transição abrupta de cor (faça um zoom nos screenshots que você vai perceber isso).

O formato mais adequado para screenshots, na minha opinião, é o PNG. Mas, se os screenshots falam de “bug” no PNG, é estranho usá-lo para o próprio screenshot. Por outro lado, o JPG vai adicionar ruído indesejado, tornando uma análise melhor das cores inviável. GIF, sem dúvida, está fora de questão, pois suporta apenas uma paleta com 256 cores.

Por fim, vou aproveitar e sugerir mais uma ferramenta para trabalhar com PNGs: optipng é um programa que analisa o arquivo PNG e tenta recodificá-lo para torná-lo menor, mas mantendo todos os pixels intactos (ou seja, não muda a qualidade nem muda as cores, só tenta mudar a forma como salva isso tudo). Esse programa é uma versão melhorada do pngcrush

Nunca usei a versão para windows, mas deve funcionar por linha-de-comando, digitando isto: optipng -o7 arquivo.png (é melhor ler a documentação para saber do que ele é capaz)

Este programa não vai mexer nos meta-dados do PNG (ele não vai remover coisas como gamma ou comentários) e, portanto, não “serve” para resolver o problema descrito neste blog. Por outro lado, algumas vezes a economia de tamanho pode ser bastante generosa. (acho que o Photoshop não exporta PNGs muito bem, mas posso estar enganado)

Obrigado pela ajuda, você terá os devidos créditos =]

aqui esta o mesmo exemplo:
http://www.id3d.com.br/tweakPNG/

Talvez eu possa ter feito algo errado, se possível seria interessante que você pegasse os arquivos utilizados nesse experimento e tentasse a correção você mesmo.

Uma solução concreta e documentada seria muito bem vinda.

Realizarei o mesmo experimento novamente, mas desta vez aplicando as correções citadas, e é claro, documentarei tudo aqui no blog.

Obrigado pela participação.