Nesta dica abordaremos os dois principais formatos de imagens a se escolher para representar elementos gráficos na Web:

* GIF (abreviatura para Graphics Interchange Format) foi desenvolvido nos idos de 1980's e é até hoje largamente usado. * PNG (Portable Network Graphics) foi desenvolvido por volta de 1995, tornou-se uma recomendação do W3C? em 1996, e tem sido implementada na maioria dos browsers desde 1998.

GIF

O formato GIF é um formato de arquivo comprimido com o uso de um algorítimo chamado LZW, que valendo-se de manipulação e tratamento das cores, reduz o tamanho do arquivo.

O formato GIF tem a grande vantagem de ser largamente suportado e adotado como formato default (padrão) para representações gráficas simples na Web. Comparado com outros formatos (em particular PNG), GIF não se mostra tecnicamente superior, mas durante os primeiros anos da Web quando o suporte para PNG estava em seu início e em crescimento, esta era sem dúvida a melhor escolha e provavelmente ainda é à época que essa dica foi escrita, acredito contudo que não será mais, muito em breve.

O algoritimo LZW para compressão do formato GIF esteve protegido nos EUA, por patente pertencente a Unisys. A patente para a Unisys expirou nos EUA em 20 de junho de 2003. Patentes LZW expiraram no Canadá, França, Itália, Alemanha, Reino Unido, e Japão. PNG

PNG (Portable Network Graphics) é um formato de arquivo para armazenamento de imagens rastreáveis, extensível para perdas de qualidade, portátil e bem comprimidas. PNG fornece uma opção patente livre para GIF e pode também substituir muitos usos, comuns ao formato TIFF. Suporte para true-color, tons de cinza e um canal alpha opcional (de 1 a 16 bits).

Para a Web, PNG apresenta três grandes vantagens sobre GIF:

* canal alpha (transparência), * correção gamma cross-platform (controle de brilho) e correções de cor * interlace bi-dimensional (display progressivo na tela).

PNG na maioria dos casos, também comprime melhor que GIF (5% a 25% em geral).

Convém notar que que PNG pode ser mal suportado em browsers antigos ou para aspectos específicos como transparência. Para maiores informações sobre o suporte ao PNG você poderá ler:

* Miscellaneous Transparent PNG Images using IMG Tags * Current Status of PNG * Browsers with PNG support

Leitura complementar

* PNG Homepage * Benefits of the PNG image format * PNG W3C? Recommendation

Sobre as dicas de qualidade

As Dicas de garantia de qualidade do W3C? (NT:documento traduzido) são documentos curtos explicando assuntos de desenvolvimento Web voltado para designers e projetistas Web, hospedadas e produzidas pelo Quality Assurance Interest Group do W3C?.

Enquanto não forem cuidadosamente revisadas pelos participantes do grupo, elas, dicas, devem ser vistas como uma espécie de "pílulas de sabedoria" informativas e em especial, não devem ser encaradas como especificações técnicas normativas do W3C? .

Saiba mais sobre as dicas, como sugerir sua dica, e leia outras dicas em Índice das dicas (NT:o índice foi traduzido).

-- MarioTeza - 04 Jan 2005