Formatos de imagens

     Muitas imagens são exibidas em páginas da Web.  Elas possuem formatos específicos, pois não é qualquer tipo de arquivo de imagem que deve ser inserido em uma página para WEB.
Os formatos mais aceitos são os arquivos com a extensão: JPEG (JPG), GIF e PNG. Sendo que os formatos JPEG e GIF recebem suporte total da maioria dos navegadores, e o formato PNG funciona nos atuais navegadores.

 JPEG (Joint Photografic Engineering Group)
Esse formato suporta 16 milhões de cores. 
E é muito utilizado para fotografias e arte digitalizada.
A qualidade de um arquivo JPEG é maior do que a de um arquivo GIF, assim como também é maior o arquivo JPEG.  Nesse caso, quanto maior o arquivo, mais aumenta o tempo de download de uma imagem.

GIF (Grafic Interchange Format)  
Esse formato suporta no máximo 256 cores e gera imagens com tamanhos menores. 
Este formato é muito utilizado para desenhos como, barras de navegação, botões, ícones, logotipos, imagens de apresentação, gráficos, imagens de texto, etc.
Uma dica é salvar imagens “simples” como GIF.
Quanto menos cor usar mais eficiente será o arquivo.
Arquivos GIF são melhores para Imagens com poucas camadas de cores, e também podem ter transparência.
Ao utilizar gifs animados, tenha cuidado, pois estes arquivos podem ocupar bastante espaço em disco. O tamanho dos gifs animados dependerá da quantidade de cores e quadros utilizados para a animação.
Estes detalhes farão com que sua página carregue mais rápido no navegador do usuário, tornado assim a visitação ao site mais agradável.

PNG (Progressive Network Graphics)
O formato PNG é suportado pelos navegadores mais novos, esse é um formato compacto e versátil que pode combinar as melhores características do GIF e JPG, como pro exemplo a capacidade de ter um fundo transparente ou conter imagens com milhões de cores.

Nenhum comentário:

Postar um comentário

Marcadores

etiqueta (29) tutorial (18) meta (16) html (15) a (10) link (10) formatar texto (3) VETOR (2) body (2) caracteres (2) id (2) p (2) vídeo (2) âncora (2) Photoshop (1) address (1) blink (1) blockquote (1) br (1) center (1) div (1) e-mail (1) font (1) frameset (1) h (1) head (1) pre (1) title (1)

paginador numerico