Embora no principio existisse mais variedade de formatos de imagem suportados pelos navegadores, chegou-se a conclusao que apenas dois tipos seriam suficientes. Falamos de GIF's e JPEG's. Tanto um como outro fazem compressao de dados. Isto resulta em taxas de transferencia menores.Graphics Interchange Format (GIF)Desenvolvido pelo Compuserve, emprega uma tecnica de compressao eficiente similar a do PKZIP (compactador de dados, desenvolvido pelo PKWare Inc.). Armazena imagens ate 256 cores, com um ou mais quadros, permitindo animacoes sem codigo adicional. Os arquivos deste formato e especificado pela extensao .gif.Joint Photographic Experts Group (JPG ou JPEG)O JPG ou JPEG utiliza um esquema de compressao altamente eficiente baseado na FFT (Fast Fourier Transform). Neste ponto e superior ao GIF. Armazena imagens estaticas com ate 16 milhoes de cores.O elemento ImgA tag utilizada para a inclusao de imagens e o <img>.Varios atributos devem ser definidos sobre a origem, colocacao e comportamento da imagem. Uma parte deles e opcional, com o tempo voce descobrira o que realmente e importante na tag.Atributos para ImgSrc = Este atributo especifica o local onde esta a imagem e o seu nome.Alt = Fornece o texto que aparece no espaco da imagem quando o navegador nao pode abrir a imagem.Border = Define a largura da borda da imagem em n pontos.Align = Especifica o alinhamento do texto em relacao a figura. O atributo align pode receber como parametros: top, middle e bottom que representam respectivamente, alinhamento na parte superior, na parte central e na parte inferior do texto.Height = Especifica a altura da imagem.Width = Especifica a largura da imagem.Bgproperties = Deixa o fundo do background fixo se utilizado o parametro fixed.Hspace = Especifica o espaco horizontal em branco extra ou as margens ao redor da imagem.Vspace = Especifica o espaco vertical em branco extra ou as margens ao redor da imagem.Inserindo uma Imagem de FundoEscolha com muito cuidado seus fundos. Se possivel, opte pelos muito claros ou muito escuros. Os intermediarios nao conseguem uma boa relacao de contraste com o texto, e nao ha nada pior que uma pagina ilegivel.Para atribuirmos uma imagem ao fundo de uma pagina, usamos o atributo background na tag <body>.E tambem interessante acrescentar o atributo bgcolor para definir a cor de fundo do documento, caso algo ocorra com a imagem a ser usada como background.Gifs AnimadasAs gifs animadas, imagens que se alteram com o tempo nas paginas HTML sao figuras montadas a partir de uma sequencia de imagens (gifs estaticas), que, colocadas em ordem e com um tempo entre as mudancas causam a impressao de animacao.Isso pode ser feito facilmente com ferramentas especificas para essa finalidade. Muitas podem ser encontradas na propria Internet, mas uma ferramenta bastante utilizada e conhecida e o GIF Construction Set, que possui inclusive um assistente (Wizard) de criacao de GIFs animadas.As imagens utilizadas para fazer os exercicios abaixo, podem ser baixadas aqui ou voce pode usar qualquer outra imagem da Web ou do seu computador. O importante e dar os mesmos nomes as imagens para conseguir visualizar a sua pagina.Os nomes das imagens utilizadas sao: grilo.gif, fundo1.jpg, fundo2.jpg, gif_animada_1.gif, gif_animada_2.gif e