Tecnologias InternetImplantar a aplicação em produçãoDesenvolver os pacotes tecnológicos da aplicaçãoDefinição da arquitetura de informaçãoDefinição das arquiteturas de designfase de pesquisa do projetopágina principal

WP
arquitetura design
identidade visual

design

designer

elementos do design web

tipografia
cores
imagens
formatos

arquiteturas

documentar

exercício

ELEMENTOS DO DESIGN WEB - Formatos de arquivos de imagens

Arquivos de armazenamento de imagens podem ser classificados em função do tipo de imagem armazenada e seu modo de exibição. Existem duas grandes categorias de imagens: as de formato raster e as de formato vector.

Formato raster

Uma matriz retangular de pontos coloridos (pixels) que quando observados a uma distância apropriada, apresentam uma aceitável representação da realidade, como numa fotografia.

As imagens raster são normalmente armazenadas em arquivos cujas extensões .BMP, .TIF, .TGA, .JPG, .GIF, etc são indicadoras do tipo de formatação utilizado.

A qualidade de uma imagem raster é definida por duas variáveis:

  • Densidade de pontos na matriz, definida medida em pixels/polegada - dpi.
  • Resolução espectral ou número de cores, normalmente definida por um número de bits disponíveis para sua codificação (2,4,8,16,24 ou 32)

Imagens raster - são armazenadas sob a forma digital através de uma sequência numérica que identifica a cor de cada um de seus pontos. Dependendo da quantidade de cores da imagem e do seu tamanho essa sequência será maior ou menor.

Se a imagem possuir apenas duas cores será necessário apenas um bit para identificação de cor. Entretanto, desejando-se definir-se pontos a partir de uma coletânea de 16.777.215 cores disponíveis, serão necessários 24 bits para a identificação cada ponto.

  • Quanto maior o número de pontos da matriz, maior a quantidade de bits que comporão o arquivo, pois para cada um dos pontos haverá um certo número de bits representando a cor do mesmo.

  • Uma imagem de 300x200 pixels com 256 cores (8bits), por exemplo, terá 60.000 pixels, cada um representado por uma sequência de 8 bits.

Imagens raster podem ser obtidas de diversas maneiras:

  • Digitalização de fotografias, desenhos ou impressos por scanner.
  • Congelamento de imagem proveniente de animação ou vídeo digitalizado.
  • Desenho em software gráfico 2D
  • Rendering de objeto vetorial
  • Wireframe de objeto vetorial
  • Imagem do real digitalizada por câmera fotográfica digital

A maioria dos computadores atuais utilizam a tecnologia raster para o armazenamento e processamento das imagens que se apresentam ao usuário.

Os modos mais comuns de resoluções disponíveis atualmente em computadores pessoais (PC) são:

  • VGA 640x480 256 cores
  • SVGA : 640x480, 800x600, 1024x768,1280x1024 com até 16 milhões de cores.

Modificações no conteúdo do espaço de memória da controladora de vídeo se traduzem em imediata modificação da cor do pixel correspondente na tela. Manipulando adequadamente estes valores e suas posições é possível apresentar imagens estáticas ou em movimento na tela do computador.

Formato vector

Uma representação esquemática da realidade, formada a partir do desenho sucessivo de inúmeras linhas de cores variáveis. Estas linhas, ou vetores, podem, de maneira simplificada, descrever uma realidade complexa, da mesma maneira que uma planta de engenharia pode respesentar, de maneira simplificada, uma ponte.

Imagens Vetoriais - São imagens resultantes de equações matemáticas que descrevem objetos em um espaço bi ou tridimensional, definido pelos eixos x, y e z.

Um modelo vetorial, bi ou tridimensional é normalmente uma coletânea de dados necessários às funções e operações matemáticas produzirem um determinado objeto geométrico

Texturização - outra forma de se visualizar modelos vetoriais tridimensionais, que cria imagens matriciais a partir da renderização de vistas dos modelos virtuais. As superfícies do objeto virtual podem ser preenchidas com cores, sombras e texturas. Pode-se ainda aplicar imagens bidimensionais às superfícies do modelo vetorial, através de uma operação denominada mapeamento.

Formatos de arquivos matriciais (raster) - GIF

  • Formato de Intercâmbio Gráfico ou Graphics interchange Format, o formato de imagem na Web. Formato compactado de codificação de imagem

  • A tecnologia LZW de compressão de dados do GIF pertence à Unisys Corporation e é licenciada por ela.

  • Um GIF é usualmente ideal para gráficos do tipo cartoon, logos, gráficos com áreas transparentes, ou animação.

  • O Gif trata imagens indexadas até 256 cores (8 bits).

  • A média de compressão para imagens GIF é de 4:1.

  • Em geral utilizamos a compressão Gif para qualquer coisa que não seja fotográfica ou fortemente sombreada.

O formato GIF usa um algoritmo de compressão denominado Lempel-Ziv-Welch ou LZW. Este modelo de compressão é sem perdas, o que significa que a imagem descomprimida resultante tem a mesma aparência do original.

LZW - técnica de compressão de dados que leva o sobrenome de seus criadores. É o algoritmo usado para compactar os arquivos de imagens GIF. A patente pertence a UNISYS, que em 1995 anunciou cobrar licença pelo uso das imagens GIF. Desenvolvida pela compuserve que apoiada pela comunidade Internáuta fez a UNISYS recuar

Formatos de arquivos matriciais (raster) - GIF89a

Imagens GIF também são capazes de definirem uma ou mais de suas cores como transparentes, de tal forma que quando o GIF é colocado sobre outra imagem, podemos visualizar esta imagem através das áreas definidas como transparentes.

  • Esta operação é denominada de chroma-key - chave de cor.

  • As imagens GIF podem conter áres completamente opacas ou transparentes. Não é suportado o recurso de parcialmente transparente.

  • Animação GIF - o formato GIF (GIF89) inclui a capacidade de embutir múltiplas imagens GIF em um único arquivo para animação. Possuem diferentes opções de apresentação: animação contínua ou um efeito de apresentação de slides.

  • Os GIFs animados podem e devem ser otimizados. A otimização remove pixels reduntantes de um quadro para o próximo.

chroma-key - a color-based matting (overlay) system that drops all areas of a selected color (usually blue) out of the foreground image, an substitutes instead the corresponding areas of a second image.

Formatos de arquivos matriciais (raster) - JPEG

JPEG (Joint Photographic Experts Group) é usado geralmente para apresentar fotografias e outras imagens de tons contínuos em documentos HTML (HyperText Markup Language) na web e outros serviços online.

  • O formato JPEG é melhor para imagens fotográficas, imagens usando texturas, imagens com transições degradês, ou qualquer imagem que requer mais do que 256 cores.

  • Uma imagem JPEG é automaticamente descomprimida quando aberta.

  • Alto nível de compressão resulta em uma imagem de baixa qualidade.

  • Baixo nível de compressão resulta em uma imagem de melhor qualidade.

Na maioria dos casos, a opção de máxima qualidade produz um resultado quase idêntico a imagem original. Este é um processo com perdas, logo alguma informação é sempre perdida na compressão.

Uma vez comprimida com JPEG, mesmo usando as configurações de maior qualidade, a imagem não será idêntica à versão RGB original. Pode parecer a mesma, porque os olhos não conseguem ver a diferença, mas o arquivo é menor.


© 2002 Centro de Computação da Unicamp apoio@ccuec.unicamp.br o treinamento | referências| dicas webpro