TECNOLOGIAS MULTIMDIA

AULA 02/07
Prof. Dr. Francisco J. Fraga (UFABC)
As imagens: representao digital de
imagens
Pixels e resoluo espacial
Modelos de cores (RGB, CMY, HLS,YCbCr)
Codificao de cores (quantizao,
Roteiro desta aula
Codificao de cores (quantizao,
paletas)
A palavra pixel uma combinao de picture e
element, onde picture abreviado por pix; cada
pixel uma amostra da imagem original
Pixel o menor elemento de informao em
uma imagem; so dispostos em uma grade
bidimensional e so representados usando
Pixels e resoluo espacial
bidimensional e so representados usando
pontos, quadrados ou retngulos
Pixels e resoluo espacial
Quanto mais pixels se usa para
representar uma imagem capturada
por algum dispositivo, mais prximo
ela se assemelha imagem original
O nmero de pixels em uma imagem O nmero de pixels em uma imagem
chamado comumente de
resoluo espacial
Pixels e resoluo espacial
A quantidade de pixels de uma imagem
pode ser expressa como um nico
nmero, como quando se diz que uma
mquina fotogrfica digital tem 7
megapixels, ou como um par de megapixels, ou como um par de
nmeros, como em resoluo 640 x
480, indicando que a tela tem 640
pixels de largura e 480 pixels de altura,
com um total de 640 480 = 307.200
pixels, ou aproximadamente 0.3
megapixels
Megapixels um termo no s usado para o
nmero de pixels em uma imagem, mas tambm
para expressar o nmero de elementos de sensor
de imagem de mquinas fotogrficas digitais ou o
nmero de elementos de exibio de exibies
digitais
Pixels e resoluo espacial
digitais
Para evitar confuses, foi criado o neologismo
sensel, usado (s vezes) para descrever os
elementos do sensor de uma mquina fotogrfica
digital, uma vez que so elementos detectores e
no exibidores de imagem
O termo resoluo freqentemente usado
como sinnimo de nmero de pixels em imagens
digitais, embora os padres internacionais
americano e japons especifiquem que no
deveria ser usado assim, pelo menos com relao
a cmeras digitais
Pixels e resoluo espacial
a cmeras digitais
A conveno escrever a resoluo de pixels
como dois nmeros onde o primeiro o nmero de
colunas de pixel (largura) e o segundo o nmero
de linhas de pixel (altura), por exemplo 640 x 480
A medida de quo prximas possam ser
diferenciadas as linhas ou colunas em uma
imagem chamado de resoluo espacial, e
depende das propriedades do sistema que cria a
imagem, no s da resoluo de pixels por
polegada (ppi)
Resoluo espacial
polegada (ppi)
Na verdade, resoluo espacial de refere ao
nmero de valores independentes de pixel por
unidade de comprimento. Nos scanners, muitas
vezes se usa o termo resoluo tica para
distinguir a resoluo espacial real do nmero
de pixels por polegada
Pixels e resoluo espacial
P: Quantos pontos diferentes o olho humano
capaz de distinguir em uma imagem?
R: O campo de viso humano corresponde
aproximadamente a uma matriz de 3000 x 3000
pixels
Pelculas de cinema: resoluo ainda maior, pois Pelculas de cinema: resoluo ainda maior, pois
inclui viso perifrica e movimentos de cabea
Monitores de TV e computadores: resoluo bem
menor, devido aos cu$to$ elevados
TV comum (NTSC ou PAL-M): equivalente a 512 x
480 pixels; HDTV: 1920 x 1080 pixels
Monitores PC: de 640 x 480 at 1280 x 1024 pixels
Representao de cores
O nmero de pixels nos revela apenas a
resoluo espacial, mas no a gradao de
intensidade, cor ou luminosidade
Cada pixel carrega estas informaes em bits
P: Quantos bits cada pixel precisa carregar?
R: Depende principalmente do tipo de R: Depende principalmente do tipo de
representao de cores utilizada pelo sistema
Espectro de cores que o olho humano capta:
comprimento de onda da luz entre 400 x 10
-9
m
(violeta) e 700 x 10
-9
m (vermelho)
Qualquer cor pode ser obtida como uma mistura
(combinao linear) de apenas 3 cores bsicas
Representao de cores (RGB)
O modelo ou sistema de representao de cores
mais utilizado baseado na combinao linear
das cores bsicas vermelho, verde e azul
Estas so as cores primrias aditivas usadas no
sistema RGB (Red-Green-Blue), tambm
conhecido como sistema aditivo de cores conhecido como sistema aditivo de cores
O sistema RGB representado por um cubo,
com uma cor em cada vrtice (R,G,B):
Vermelho (R): (1,0,0)
Verde (G): (0,1,0)
Azul (B): (0,0,1)
Preto: (0,0,0)
Branco: (1,1,1)
MAGENTA (1,0,1)
CIANO (0,1,1)
AMARELO (1,1,0)
Representao de cores (RGB)
+
Representao de cores (RGB)
CIANO
(0,1,1)
AZUL
(0,0,1)
MAGENTA
(1,0,1)
O CUBO (R,G,B):
VERMELHO
(1,0,0)
AMARELO
(1,1,0)
VERDE
(0,1,0)
BRANCO
(1,1,1)
PRETO
(0,0,0)
Representao de cores (RGB)
No cubo (R,G,B), o preto
representado pela origem e as cores
primrias (vermelho, verde e azul)
so representadas pelos vrtices
adjacentes origem. O branco
Representao de cores (RGB)
adjacentes origem. O branco
representado pelo vrtice oposto
origem (diagonal) e as cores
secundrias, que so o ciano
(turquesa), o magenta (roxo) e o
amarelo so representadas pelos
demais vrtices
Monitores que ainda usam tubos de
raios catdicos permitem o controle
direto de 3 canhes de eltrons, cada
um para uma cor primria, por isso o
modelo RGB (aditivo) o mais
Representao de cores (RGB)
modelo RGB (aditivo) o mais
adequado para estes dispositivos,
pois neles as cores so formadas por
adio de luzes
Representao de cores (RGB)
VERMELHO
(1,0,0)
AMARELO
(1,1,0)
MAGENTA
(1,0,1)
PRETO
(0,0,0)
VERDE
(0,1,0)
CIANO
(0,1,1)
AZUL
(0,0,1)
BRANCO
(1,1,1)
A soma da luz de uma cor com sua
cor complementar produz o
branco. As cores secundrias
(Cyan-Magenta-Yellow) so as
complementares das primrias,
Representao de cores (CMY)
complementares das primrias,
por isso so tambm conhecidas
como primrias subtrativas
Estas cores so usadas na mistura de
pigmentos para impresso colorida,
porque cada pigmento reflete apenas a
sua cor complementar, que ele no
absorve (vrtices opostos do cubo).
Representao de cores (CMY)
absorve (vrtices opostos do cubo).
Assim o Ciano reflete o vermelho, o
Magenta reflete o verde e o Amarelo
reflete o azul
A combinao de pigmentos subtrativa
porque a mistura de dois pigmentos
reflete apenas a luz que no
absorvida por nenhum deles
Os pigmentos reais
so contaminados
pelo branco, de
modo que na
prtica no
Na figura abaixo pode-se ver
claramente os pigmentos
bsicos (ciano-magenta-
amarelo-preto) em um
pedao ampliado de uma
impresso usando jato de tinta
Representao de cores (CMYK)
prtica no
possvel obter a cor
preta combinando
apenas CMY. Por
isso adiciona-se
tinta preta (black),
formando o
sistema CMYK
Os modelos RGB e CMY so utilizados por
sistemas que funcionam por emisso e
absoro de luz, respectivamente, mas
no so intuitivos
Propriedades perceptivas da luz: matiz,
Representao de cores (HLS)
Propriedades perceptivas da luz: matiz,
luminncia e saturao (hue, luminance
and saturation: HLS)
A luminncia ou intensidade mede a
amplitude da onda luminosa, assim o
preto possui luminncia zero. A TV preto-
e-branco s usa a luminncia
A saturao a proporo de
quantidade de cor em relao cor
cinza mdia, que possui saturao
zero (imagem da TV preto-e-branco )
O matiz (hue) mede a freqncia
Representao de cores (HLS)
O matiz (hue) mede a freqncia
dominante da onda luminosa, ou
seja, distingue as cores
YCbCr ou Y'CbCr uma famlia de espaos
de cor usados como parte do processo de
representao de cores em uma imagem de
um vdeo ou de sistemas de fotografia digital
Y' (com apstrofe) a componente de
Representao de cores (YCbCr)
Y' (com apstrofe) a componente de
luma e se distingue de Y que a
luminncia, o que significa que a
intensidade da luz codificada de forma
no-linear (luma)
Cb a componente de diferena de
croma (abreviatura de crominncia) azul, e
Cr a diferena de croma vermelho
Y'CbCr no um espao de cor absoluto,
apenas uma forma de codificao de
informaes RGB
Sinais RGB no so eficientes como forma
de representao para o armazenamento e
Representao de cores (YCbCr)
de representao para o armazenamento e
transmisso, uma vez que tm alta
redundncia mtua
YCbCr e Y'CbCr so uma aproximao
prtica, onde as cores vermelho, verde e
azul so transformados em informaes
perceptualmente mais significativas
Y'CbCr usado para separar um sinal de
luma (Y') que pode ser armazenado com
alta resoluo ou transmitido em maior
largura de banda, e dois componentes de
croma (Cb e Cr) que podem ser de
Representao de cores (YCbCr)
croma (Cb e Cr) que podem ser de
resoluo mais baixa, pois os seres
humanos so muito mais sensveis
luminncia do que crominncia,
conforme pode-se observar na figura do
prximo slide
Representao de cores (YCbCr)
Imagem original Componente Cb
Componente Cr
Componente Y
As imagens: representao digital de
imagens
Pixels e resoluo espacial
Modelos de cores (RGB, CMY, HLS,YCbCr)
Codificao de cores (quantizao,
Roteiro desta aula
Codificao de cores (quantizao,
paletas)
Codificao de cores (Quantizao)
A luminncia requer mais bits para sua
codificao, pois sempre preciso prever a
transformao de uma imagem colorida em
preto-e-branco (tons de cinza): usa-se 8
bits
Sistemas de cor verdadeira (true color):
256 nveis (8 bits: 2
8
=256) para cada cor
primria (o valor 1 codificado como 255
= FF
H
=11111111
B
) Nmero de cores: 2
8
x 2
8
x 2
8
= 16.777.216 cores
Codificao de cores (Quantizao)
O olho humano consegue distinguir
algumas centenas de milhares de cores,
assim h bastante redundncia no
sistema true color
Alternativa mais barata: 6 bits por cor Alternativa mais barata: 6 bits por cor
2
18
= 262.144 cores (usado no sistema
VGA). Outra alternativa usar codificao
assimtrica, pois o olho humano
menos sensvel ao azul do que s outras
cores primrias
Muitos sistemas prticos no
suportam true color, nesse caso se
usa o conceito de paleta: o valor do
pixel no enviado ao monitor, mas
serve de ndice para uma tabela de
Codificao de cores (Paletas)
serve de ndice para uma tabela de
cores ou paleta
Paleta fixa: nmero total de cores
limitado ao tamanho da paleta
(normalmente igual a 256)
Paleta otimizada (VGA): O nmero total de
cores maior (full pallete : 2
18
cores), mas o
nmero de cores simultneas, isto ,
presentes em uma mesma imagem ou tela,
limitado pelo tamanho da paleta; nesse caso os
18 bits dos 256 pixels da paleta fazem parte da
Codificao de cores (Paletas)
18 bits dos 256 pixels da paleta fazem parte da
codificao da imagem, ou seja, cada imagem
tem sua prpria paleta
Imagens no so realistas, mas pode-se
trocar resoluo espacial por resoluo de cores
usando dithering: alternar cores em pixels
prximos, criando a iluso de uma gradao
real; o olho enxerga como uma mistura de cores
Codificao de cores (Paletas)
Imagem original Exemplo de Paleta fixa, sem dithering Imagem original Exemplo de
dithering : a
proximidade
de pontos cria
a iluso de
uma mistura
de vermelho e
azul, gerando
a cor magenta
Paleta fixa, sem dithering
Paleta fixa, com dithering Paleta otimizada,
com dithering
Codificao da transparncia
Sistemas de 16 bits: 5 bits p/ cor 15
bits, sobra 1 bit para transparncia
(transparente ou opaco)
Codificao de cores (Paletas)
Sistemas de 32 bits: 8 bits p/ cor 24
bits, sobra um canal alfa de 8 bits que
permite codificar 256 gradaes de
transparncia
As imagens: representao digital de
imagens
Pixels e resoluo espacial
Modelos de cores (RGB, CMY, HLS,YCbCr)
Codificao de cores (quantizao,
Roteiro desta aula
Codificao de cores (quantizao,
paletas)