HOME PAGE JAVASCRIPT
Botões Cálculos Datas Essenciais Janelas Flutuantes Menus
HTML CSS FLASH PHP ASP GERADORES CORES MISCELANEA Contato  






Imagens

As imagens podem ter os seguintes formatos de arquivo: GIF (padrão e animado), JPEG (padrão e progressivo), BMP (Windows e OS/2), TIFF, TGA, RAS, EPS, PCX, PNG, PCD (Kodak Photo CD) e WMF.

As imagens são inseridas nas páginas através da tag <img> que tem a seguinte sintaxe:
<img src="endereço de origem da imagem">

Exemplo de uma imagem com vários atributos: <img align="X" border="Y"  src="endereço de origem da imagem" width="Z" height="W" alt="bla bla bla" hspace"H" vspace="V">

align="X" determina o alinhamento da imagem em relação ao texto existente na mesma linha.
São válidos os seguintes valores para X: TOP, MIDDLE ou CENTER, BOTTOM, LEFT e RIGHT que significam respectivamente Topo - Centro - Pé - Esquerda - Direita

border="Y" indica o tamanho da borda que circunda a figura. Se não quiser borda basta não colocá-lo ou então indique valor 0 (zero).

src="endereço de origem da imagem" determina o endereço de origem (URL) da imagem.
Você pode adicionar uma figura da Web atual ou de outra Web.
A figura poderá ser adicionada à Web se você escolher salvá-la na Web. Você pode escolher não salvar a figura em sua Web e, nesse caso, é criada uma referência à figura do outro site da Web na sua página. No entanto, se a figura for removida do outro site da Web, você não verá mais a figura na sua própria página.
Digite o local exato e o nome da figura que deseja inserir. Por exemplo, digite
<img src="http://www.kithomepage.com/figura1.gif">
Caso a imagem esteja salva no mesmo diretório da sua página, você poderá usar o endereço relativo. Por exemplo:
 <img src="figura1.gif">

width="Z" height="W"  onde Z e W especificam respectivamente os valores da largura e altura da imagem em pixels.

alt="bla bla bla" onde bla bla bla é o texto utilizado para associar à imagem. O texto é exibido quando o ponteiro do mouse fica parado em cima da imagem, ou quando a imagem não puder ser mostrada.

hspace"H"  onde H representa a quantidade de espaço deixada aos lados da imagem em relação a outros elementos da página.

vspace="V"  onde V representa a quantidade de espaço deixada acima e abaixo da imagem em relação a outros elementos da página.

Dicas e Formato de Arquivos de imagem.
- TAMANHO EM Kb:
Evite ao máximo colocar imagens maiores do que 30Kb em sua página pois, quanto mais arquivos tiver e quanto maiores eles forem, mais lenta será a transferência, não é bom ter imagens "pesadas" na página, isso só vai tornar o carregamento mais demorado e os visitantes podem acabar desistindo de esperar.
- FORMATO: GIF ou JPG?
Fotos bastantes coloridas - JPG (milhões de cores)
Fotos com cores planas - GIF (256 cores).
Vantagem JPG - elevado grau de compressão, permitindo downloads mais rápidos. Mantém a qualidade. Desvantagem - não funciona bem com gráficos que contém grandes áreas de uma só cor.
Vantagem GIF - a) - pode ser entrelaçada, isto é, aparecem na tela com baixa resolução e aumenta progressivamente a medida em que é carregada. b) - fundo transparente permitindo enxergar o fundo da janela.


Na caixa de Teste on-line abaixo você poderá configurar e testar uma imagem com os vários parâmetros acima. Utilize um endereço de qualquer imagem da Internet (URL completo).

Teste on-line: