Cap. III.

Elementos Multimdia

Imagem

Tecnologias Web 2012/13

Imagem

As imagens digitais podem ser obtidas de dois modos:

Capturadas do mundo real

Mquinas fotogrficas digitais; Scanning; .

Geradas/sintetizadas por computador

Captura de um ecr de computador sob a forma de uma imagem bitmap; Gerao de uma imagem por uma aplicao de software; Converso de imagens vectoriais em imagens bitmap (Rasterization)
2

Tecnologias Web 2012/13

Tipos de Imagem

As imagens podem dividir-se em dois grupos:

Imagens Vectoriais
Formas grficas que podem ser expressas matematicamente atravs de ngulos, coordenadas e distncias.

Imagens Bitmap;
Imagens reais, formas grficas complexas

3 Tecnologias Web 2012/13

Imagem Vectorial

Definida a partir de expresses matemticas:

Segmentos, Crculos, Outras formas grficas,

Uma imagem vectorial pode ser preenchida com cor e pode ser seleccionada como um objecto:

Modelao 2D, 3D Animao

Alguns formatos

DXF, CGM, MIF, SVG,

4

Tecnologias Web 2012/13

Imagem Vectorial

Muito mais leve que um ficheiro bitmap equivalente (representao do mesmo objecto) O software cria a imagem com base nas instrues de que dispe,

On the fly

Escalveis A converso de uma imagem vectorial para bitmap designa-se por rasterization. A converso de bitmap para vectorial no imediata e designa-se por autotracing

Adobe Flash: Trace Bitmap.

5

Tecnologias Web 2012/13

Imagem bitmap

Bitmap

No contm informao estrutural

No utilizam modelos matemticos para descrever o significado do contedo da imagem.

6 Tecnologias Web 2012/13

Imagem bitmap

Imagens representadas com base em matrizes bi-dimensionais de unidades elementares/atmicas pixeis (Picture Element), com cor e intensidade variveis.

Essa matriz contm toda a informao relativa aos pontos constituintes de uma imagem.
7

Tecnologias Web 2012/13

Parmetros

Pixel Resolution (dimenso da imagem)

Nmero de pixeis que possui

Profundidade de cor
Nmero de bits utilizados para codificar/descrever cada um dos pixeis constituintes da imagem

8 Tecnologias Web 2012/13

Pixel Resolution

Medida das dimenses, em pixeis, da imagem e dada por:

n de pixeis por linha x n de pixeis por coluna Exemplo

Quando se considera uma mquina fotogrfica digital fornecida a resoluo mxima da imagem que consegue representar (dimenso em pixeis):

7 Mpixel

3072 x 2304 pixeis

9 Tecnologias Web 2012/13

Profundidade de Cor
Sistemas Monocromticos

No caso dos sistemas monocromticos suficiente uma profundidade de cor de um bit por pixel. No caso de se pretender descrever mais cores ser necessrio uma maior profundidade de cor.

10 Tecnologias Web 2012/13

Profundidade de Cor

Sistemas Monocromticos

Cada pixel armazenado como um bit (0 ou 1, preto ou branco), Logo uma imagem de 640 x 480 pixels ocupa:
N total de Pixeis = 640 x 480 = 307200 bits 38 KB

11 Tecnologias Web 2012/13

Profundidade de Cor

Imagem em escala de cinzentos (grayscale)

Cada pixel armazenado como um byte; Logo cada pixel pode ser representado atravs de 28=256 tonalidades/nveis de cinzento;

N total de Pixeis = 640 x 480 = 307200 pixeis 300 KB

12 Tecnologias Web 2012/13

Profundidade de Cor

Imagem a cores de 4 bits

Cada pixel tem uma profundidade de cor de 4 bits. Suporta at 16 cores possveis.

N total de Pixeis = 640 x 480 = 307200 pixeis 150 KB

13 Tecnologias Web 2012/13

Profundidade de Cor

Imagem a cores de 8 bits

Cada pixel armazenado como um byte, o que permite suportar at 256 cores possveis.

N total de Pixeis = 640 x 480 = 307200 pixeis 300 KB

14 Tecnologias Web 2012/13

Profundidade de Cor

Imagem a cores de 16 bits

Cada pixel armazenado como dois bytes. Suporta at 65536 cores diferentes.

N total de Pixeis = 640 x 480 = 307200 pixeis ~= 600 KB

15 Tecnologias Web 2012/13

Profundidade de Cor

Imagem a cores de 24 bits

Cada pixel armazenado como trs bytes, cada um deles representa uma componente RGB. Suporta at 16.777.216 cores diferentes (boa qualidade)

N total de Pixeis = 640 x 480 = 307200 pixeis 900 KB

16 Tecnologias Web 2012/13

Bitmap

Para a mesma pixel resolution Para a mesma profundidade de cor

Duas imagens ocupam o mesmo espao de armazenamento independentemente de:

Uma conter uma imagem complexa com muitas cores e a outra ser uma imagem simples com um reduzido nmero de cores.

17 Tecnologias Web 2012/13

Resoluo (dispositivo)

Resoluo - pixel density

O nmero de pixeis por unidade de comprimento; ppi (pixels per inch) ou dpi (dots per inch) Depende do dispositivo para visualizao ou impresso da imagem. Impressoras
O valor mnimo para garantir uma qualidade aceitvel 300 dpi

Monitor
96 dpi, 120 dpi

Scanners
300 aos 3600 dpi
18

Tecnologias Web 2012/13

Resoluo (dispositivo)

Nos monitores,

Para a mesma resoluo de sada (dpi)

Quanto maior a dimenso fsica do monitor maior capacidade para apresentar imagens de maior dimenso (pixeis)

19 Tecnologias Web 2012/13

Resoluo (dispositivo)

Impresso

Assumindo 300 dpi, significa 300 pixeis por polegada (horizontal e vertical). Pixel Resolution = 3072 x 2304 (7 megapixel)

(3072 / 300) x (2304 / 300) = 10,24x 7,68

(26cmx19,5cm)

20 Tecnologias Web 2012/13

10

Imagem

Caractersticas \ Parmetros de uma imagem

Modelo de cor Indexao Canais Alpha Nmero total de canais Pixel Aspect Ratio Image Aspect Ratio
21

Tecnologias Web 2012/13

Modelo de Cor

A cor uma sensao subjectiva, produzida no crebro em resposta presena da luz. A cor dos objectos resulta da forma como os objectos interagem com a luz e da forma como a reflectem ou transmitem.

A cor de um objecto no existe no objecto mas na luz que incide e que reflectida ou transmitida pelo objecto.

Se um objecto absorver todas as frequncias de luz visvel, excepto a frequncia associada cor verde, ento ter a cor verde quando for iluminado por luz branca.
22 Tecnologias Web 2012/13

11

Modelo de Cor

23 Tecnologias Web 2012/13

Modelo de Cor

Color is the frequency of a light wave within the narrow band of the electromagnetic spectrum to which the human eye responds.
Tay Vaughn, Multimedia making it work

24 Tecnologias Web 2012/13

12

Modelo de Cor

Sempre que o olho humano detecta uma cor, est a captar ondas electromagnticas (zona visvel do espectro):

Essas frequncias estimulam a retina do olho humano.

25 Tecnologias Web 2012/13

Modelo de Cor

O olho humano constitudo por dois tipos diferentes de clulas sensveis luz:

Bastonetes
Sensveis forma dos objectos

Cones
Sensveis cor Trs tipos de cones (vermelho, verde, azul)

Como a percepo humana assenta na deteco destes trs diferentes comprimentos de onda, deu origem teoria que postula:

Qualquer cor pode ser especificada recorrendo a apenas trs valores que representam o peso de cada um dos trs componentes da cor final que interpretada pelo crebro.
26

Tecnologias Web 2012/13

13

Modelo de Cor

Modelo RGB

Produz a cor de um pixel atravs da adio de intensidade de cores primrias: vermelho, verde; azul
Ao controlar a intensidade e proporo das cores primrias conseguem-se obter milhes de cores (mistura aditiva) Usando 256 nveis para cada uma das componentes podem ser especificadas cerca de 16,7 milhes de cores

Modelo Aditivo (Monitores)

27 Tecnologias Web 2012/13

Modelo de Cor

Cor White Yellow CMYK Magenta Cyan Red Green Blue Black

Red 255 255 255 0 255 0 0 0

Green 255 255 0 255 0 255 0 0

Blue 255 0 255 255 0 0 255 0

28 Tecnologias Web 2012/13

14

Modelo de Cor

Modelo CMYK

Produz a cor de um pixel atravs da subtraco de intensidade de cores complementares

As cores primrias utilizadas no modelo CMYK so o cyan, o magenta e o amarelo, so tambm designadas por cores primrias subtractivas.

Modelo Subtractivo (Impresso)

29 Tecnologias Web 2012/13

Modelo de Cor

Modelo CMYK
O seu efeito consiste em subtrair ou absorver alguma cor da luz branca. Convertendo para RGB: C = 1 - R, M = 1 G; Y = 1 - B. Teoricamente os pigmentos cyan, magenta e amarelo combinam-se para absorver toda a cor e produzir o preto.

30 Tecnologias Web 2012/13

15

Modelo de Cor

Modelos Alternativos
HSB (Hue, Saturation, Brightness) HSI (Hue, Saturation, Intensity) HCI (Hue, Chroma, Intensity) HVC (Hue, Value, Chroma) HSD (Hue, Saturation, Darkness) HSV (Hue, Saturation, Value) HLS (Hue, Luminance, Saturation) CIE YCC YIQ YUV ...
31

Tecnologias Web 2012/13

Indexao

Alguns formatos de imagem (p.ex: GIFs) permitem representar as cores dos pixeis por meio de ndices de uma tabela que armazenada juntamente com a imagem.
Estas tabelas so designadas por CLUTs (Color Lookup Tables).

32 Tecnologias Web 2012/13

16

Reduo do nmero de Cores

Dithering:

Processo em que para cada pixel o valor original da cor alterado para o valor mais prximo na target palette Reduo do nmero de cores da imagem; A determinao da cor mais adequada para substituir a cor original de um pixel, depende do algoritmo de dithering

33 Tecnologias Web 2012/13

Canais Alpha
As imagens podem conter um canal alpha que define regies da imagem total ou parcialmente transparentes

http://www.axialis.com/tutorials/tutorial-misc001.html 34 Tecnologias Web 2012/13

17

Nmero total de canais

Valor que representa a quantidade total de informao associada a cada pixel.

Cada pixel possui um nmero de canais, dependente do modelo de cor utilizado, ao qual devem ser somados os canais alpha

Exemplo: Modelo RGB 3 canais Canal Alpha 1 canal Numero Total de Canais 4

35 Tecnologias Web 2012/13

Pixel Aspect Ratio

PAR= Largura do Pixel/Altura do pixel

36 Tecnologias Web 2012/13

http://www.3ivx.com/

18

Image Aspect Ratio

37 Tecnologias Web 2012/13

Exerccio

38 Tecnologias Web 2012/13

19

Exerccio

39 Tecnologias Web 2012/13

Compresso de dados
Tecnologias de Compresso Multimdia, Nuno Ribeiro, FCA 2009

Dados de entrada

Codificador (compresso)

Dados comprimidos

Armazenamento Transmisso

Descodificador (descompresso)

Dados de sada

Dispositivos pticos ou magnticos

Redes

Rcio de compresso
Tecnologias Web 2012/13

BdadosEntrada BdadosComprimidos
40

20

Compresso de dados
Tcnicas de codificao de entropia (entropy encoding)

No tm em considerao a fonte da informao a ser comprimida

Compresso sem perdas

Tcnicas de codificao de fonte (source enconding)

A compresso depende do tipo de sinal a comprimir

Ex: Codificao da fala, supresso de silncios
Video digital, identificao de blocos de pixeis comuns a duas frames sucessivas

Compresso com ou sem perdas

41

Tecnologias Web 2012/13

Entropy encoding

Tcnicas de supresso de sequncias repetitivas

Supresso de zeros ou espaos (flag ou metacaracter)

Exemplo:

7240000000000005 16 bytes

724!125 7 bytes

Run-length encoding
Permite comprimir qualquer caracter para alm dos zeros ou espaos

ABCCCCCCABCABC 14 bytes
Tecnologias Web 2012/13

AB!6CABCABC 11 bytes !<n><car>

42

21

Entropy encoding

Tcnicas de Codificao Estatstica

Identificao dos padres mais frequentes num fluxo de dados Codificao de cada padro com menor numero de bits que o fluxo original
Codificao comprimento varivel
Mais frequentes cdigos menos extensos Menos frequentes cdigos mais extensos

A
Freq. Absoluta (100000 car) ASCII Fixo Huffman 45000

B
13000

C
12000

D
16000

E
9000

F
5000

T. bits

01100001 000 0

01100010 001 101

01100011 010 100

01100100 011 111

01100101 100 1101

01100110 101 1100

800000
781 KB

300000
292 KB

224000
21843 KB

Tecnologias Web 2012/13

Entropy encoding
Tcnicas baseadas em dicionrios

Armazenar sequncias de smbolos Atribuio cdigos a essas sequncias

Dicionrios dinmicos (mais eficazes) Dicionrios estticos

44 Tecnologias Web 2012/13

22

Source Encoding

Codificao baseada em transformadas

Informao original sofre uma transformao matemtica

Transformada de Fourier Transformada discreta do co-seno (DCT)

Codificao diferencial Tcnicas de quantificao vectorial

45 Tecnologias Web 2012/13

Compresso de dados
Compresso sem perdas

Dados Sada = Dados Entrada

Compresso com perdas

Dados Sada Dados Entrada

46 Tecnologias Web 2012/13

23

Compresso de Imagem

A compresso permite reduzir o tamanho dos ficheiros de imagem bitmap.

Compresso sem perdas

A compresso seguida pela descompresso preserva integralmente os dados da imagem Indicada para imagens com regies de cor constante
No indicada para imagens com uma complexidade de cor elevada

Por exemplo, o formato TIFF utiliza a codificao sem perdas LZW (Lempel-Ziv Welch) Taxas de compresso de 5:1

47 Tecnologias Web 2012/13

Compresso de Imagem

Compresso com perdas

A compresso seguida pela descompresso conduz perda de informao da imagem Pode ou no ser perceptvel pelo olho humano

Indicada para imagem com muitas variaes de cor Baseada em transformadas matemticas Taxa de compresso muito elevadas (100:1)

48 Tecnologias Web 2012/13

24

Formatos dos Ficheiros de Imagem

JPEG

Padro para compresso de imagens fotogrficas criado pelo Joint Photographics Expert Group; Utiliza imagens de alta qualidade

24 bits de profundidade de cor

Compresso com perdas

Explora as limitaes da viso humana para atingir nveis mais elevados de compresso;

Utiliza uma transformada matemtica (DCT); Permite ao utilizador definir a taxa de compresso Tipicamente a degradao da imagem no perceptvel viso humana at uma compresso de 20:1
49

Tecnologias Web 2012/13

Formatos dos Ficheiros de Imagem

JPEG

Taxa de compresso mxima de 100:1 o que implica elevada degradao da imagem; Especialmente indicado para imagens fotogrficas;
Apresenta piores resultados em elementos grficos com transies abruptas entre cores;

A compresso com perdas, pode causar alguns problemas para o posterior tratamento digital da imagem; Muito utilizado.

50 Tecnologias Web 2012/13

25

Formatos dos Ficheiros de Imagem

GIF (Graphics Interchange Format)

A minimizao do tamanho dos ficheiros foi a principal motivao para a criao deste formato Utiliza o algoritmo LZW para codificar a informao Limitado a imagens com profundidade de cor de 8 bits (256 cores) No indicado para imagens fotogrficas (elevada complexidade de cor) GIF89a suporta formas simples de animao (gif animados)

51 Tecnologias Web 2012/13

Formatos dos Ficheiros de Imagem

Portable Networks Graphics (PNG)

Formato bitmap (raster) Foi criado tendo em vista a sua utilizao na Web; Algoritmos de compresso sem perdas mais eficazes; Suporta imagens com profundidade de cor de 24 bits; Suporta alpha channels.

O PNG reconhecido como formato pelo W3 Consortium

www.w3.org/TR/REC-png.pdf

52 Tecnologias Web 2012/13

26

raw
(formato proprietrio exige software do fabricante respectivo)

Extenses utilizadas nos ficheiros RAW Kodak *.dcs *.dcr *.drf *.k25 *.kdc *.tif Sony *.arw *.srf *.sr2 Casio *.bay Canon *.crw *.cr2 Adobe *.dng Epson *.erf Minolta *.mrw Nikon *.nef *.nrw Olympus *.orf Pentax *.ptx *.pef Fuj *.raf Panasonic *.raw *.rw2 Leica *.raw *.rwl *.dng Sigma *.x3
http://pplware.sapo.pt/2009/10/15/raw-o-negativo-digital/ http://djt3k.blogspot.com/2008/06/raw-vs-bmp.html Tecnologias Web 2012/13 53

Edio de Imagem

Retoques de contedo Alterao de brilho e/ou contraste Transformaes Geomtricas

Rotao Simetria

Filtragem Composio Converso entre Formatos

54

Tecnologias Web 2012/13

27