Quando estiver pronto para adicionar elementos gráficos às suas páginas da Web, você deverá determinar como formatá-los. Um arquivo de elemento gráfico em seu estado natural é grande demais para ser baixado rapidamente pela Web; portanto, compacte-o para reduzir seu tamanho.

Os formatos de arquivo padrão para páginas da Web são GIF (GIF: um formato de arquivo gráfico (extensão .gif no Windows) usado para exibir elementos gráficos de cores indexadas na World Wide Web. Oferece suporte para até 256 cores e usa compactação sem perda, o que significa que nenhum dado da imagem se perde quando o arquivo é compactado.), JPEG (JPEG: um formato de arquivo gráfico (extensão .jpg no Microsoft Windows) com suporte em muitos navegadores da Web, desenvolvido para compactar e armazenar imagens fotográficas. É mais apropriado para elementos gráficos com muitas cores, como fotos digitalizadas.), e mais recentemente, PNG (PNG: um formato de arquivo gráfico com suporte em alguns navegadores da World Wide Web. PNG oferece suporte à transparência variável de imagens (canais alfa) e controle de brilho de imagem em computadores diferentes (correção gama). Os arquivos PNG são bitmaps compactados.). Há vários fatores que determinam o formato de arquivo a ser usado para cada elemento gráfico. O melhor formato depende do tipo do elemento gráfico no qual você está trabalhando, do tamanho do arquivo, de quanto você deseja reduzir o arquivo e a maneira como pretende baixar a imagem.

• GIF   Os elementos gráficos em formato GIF são mais indicados para imagens que contêm poucas cores distintas, como desenhos de linha e imagens em preto-e-branco.

  Uma das vantagens do formato de compactação GIF é poder entrelaçar o elemento gráfico para melhorar o download do navegador. Um GIF entrelaçado aparece primeiro com má resolução e, depois, melhora quando a imagem inteira é exibida. Dessa forma, o usuário pode ter uma idéia da aparência do elemento gráfico enquanto aguarda sua exibição.

  Outro aspecto útil de elementos gráficos em formato GIF é poder usar o plano de fundo de um GIF transparente, permitindo que você veja a cor do plano de fundo da janela do navegador.

• JPEG   O formato JPEG costuma ser usado para imagens fotorrealísticas, com milhares ou milhões de cores. Os elementos gráficos em formato JPEG são úteis porque permitem controlar a compactação do arquivo através da alteração da qualidade da imagem. Quanto menor for a qualidade, maior será a compactação do arquivo e, conseqüentemente, menor será seu tamanho.

  Os elementos gráficos em formato JPEG permitem um nível maior de compactação do que o formato GIF alternativo, agilizando o tempo de download de elementos gráficos maiores. Entretanto, um navegador só pode baixar um elemento gráfico em formato JPEG linearmente, da linha superior para a inferior.

• PNG   O formato PNG é uma alternativa ao GIF e ao JPEG, com suporte para transparência em elementos gráficos que possuem milhares ou milhões de cores. Alguns navegadores da Web não conseguem exibir elementos gráficos em formato PNG sem um plug-in (plug-in: um módulo de um conjunto de módulos de software que se integra a navegadores da Web para oferecer vários recursos interativos e de multimídia.) especial. Estes são os tipos de formatos PNG que podem ser escolhidos:
  • O formato PNG-8 assemelha-se ao GIF, mas oferece melhor suporte a cores de 8 bits. Compacta áreas sólidas de cores com eficácia e mantém a nitidez dos detalhes, como ocorre em formatos de traço, logotipos ou ilustrações com tipos. Este formato não é muito comum, nem tem suporte em todos os navegadores.
  • O formato PNG-24 também se assemelha ao GIF e oferece suporte a cores de 24 bits. Como o formato JPEG, o PNG-24 preserva a grande variedade e as sutilezas de variações de brilho e matiz encontradas em fotografias. Como os formatos GIF e PNG-8, o PNG-24 mantém a nitidez dos detalhes, como ocorre em formatos de traço, logotipos ou ilustrações com tipos. Este formato não é muito comum, nem tem suporte em todos os navegadores.

Outros tipos de formatos de arquivo

Um GIF animado é um tipo de elemento gráfico que pode ser usado para criar movimentação ou animação, pois combina diversas imagens seqüenciais em um único arquivo GIF. Você pode criar GIFs animados em um programa gráfico, além de localizá-los na World Wide Web e adicioná-los ao seu site.

A animação deste exemplo é executada quando a página é aberta.