Formatos das imagens (na web) e recursos
PNG (Portable Network Graphics)
PNG é o melhor formato para gráficos que exigem precisão de tons - o GIF só pode lidar com 256 cores. Apresenta profundidade de 8 bits (256 cores), 16 bits em preto e branco, ou 48 bits. Para uso em páginas web, o PNG8 (8 bits) é o formato preferido para subsituir GIFs, pois gera imagens menores e de melhor qualidade.
■ Tem suporte à adição de um canal adicional para cada cor da palheta, com transparência variável, o que significa que seu modelo de cores é o RGBA. A transparência é fiel à cor original e o tamanho da imagem mantém a vantagem da imagem de 8 bits em detrimento das imagens de 32 bit que normalmente têm um canal adicional de transparência.
■ Apresenta compressão de 5 a 25% maior que o formato GIF embora em casos excepcionais possam ser até 6% maiores. Imagens com amplas áreas de cor chapada comprimem melhor que as imagens com muitas áreas de transição de cores. ► Exemplo
■ Permite a correção do valor do brilho das cores de acordo com o brilho do monitor em que foram criadas, para que o browser mostre ao usuário as mesmas características da imagem original.
Este recurso no entanto deve ser considerado quando se usa a mesma cor na imagem PNG e num fundo configurado com CSS. Como os padrões CSS não estão sujeitos à mesma correção, superposições da mesma cor entre imagem PNG e fundo podem apresentar diferenças.
Por este motivo browsers como Firefox, Safari e Opera ignoram a correção de brilho deste formato, com excessão do Internet Explorer.
Pode-se evitar o ajuste automático de brilho quando se cria as imagens embora o recurso "Salvar para web" do Photoshop não apresente esta opção. É necessário para isto usar aplicativos como o TweakPNG.
■ As imagens PND entrelaçadas (interlaced) podem ser reconhecidas depois de download de apenas 25% do total do arquivo, contra 50% dos GIFs.
■ O Internet Explorer 7.0 ao contrário da versão anterior mostra o canal transparente do PNG.
■ Foram descobertas em 2005 vulnerabilidades no processamento de imagens em formato PNG (Portable Network Graphics) em que um atacante remoto pode executar códigos arbitrários no sistema e consseguir os privilégios do usuário.
Problemas semelhantes foram descobertos em 2007, quando o formato é gerado pelo Adobe Photoshop CS3, CS2 e Photoshop Elements 5.0 para Windows.
■ Browsers muito antigos não conseguem visualizar imagens em PNG (o espaço aparece vazio). A maioria dos browsers atualmente em uso (2007) podem reconhecer o formato.
■ Embora haja algum esforço de desenvolvimento neste sentido, o formato ainda não permite a formatação de animações.
Mais informação sobre o assunto
► Need for speed: Give your web pages a nitro boost, de Kristine Schachinger (Search Engine Watch, acesso em 3.7.2010)
► PNGOUT, ferramenta para otimização de imagens em PNG
► OptiPNG, ferramenta para otimização de imagens em PNG
► Critical flaw found in Photoshop plug-in (Cnet, acesso em 30.4.2007)
► Replace
GIF with PNG Images (WebSiteOptimization.com, acesso em 5.4.2007)
► PNG
► The sad story of PNG gamma "correction", de Henri Sivonen (acesso em 15.12.2006)