O que IMAGEM DIGITAL

Curso de Design Grfico

Disciplina Produo Grfica 2

No h nada to complexo em imagem digital que no possa

UFSC

ser entendido aps alguma vivncia e experimentao.
Complexo mesmo o modo como o computador processa as
imagens, mas isso compete especialmente aos programadores.
Aqui veremos como as imagens digitais so construdas e como
se comportam enquanto so trabalhadas no computador.
Para facilitar o entendimento e antes de tratarmos da constru-
o das imagens digitais, vamos explicar os termos mais utiliza-
dos na editorao e, especialmente, esclarecer aqueles que mui-
tas vezes so empregados de maneira distorcida pelos profissio-
nais.
verdade que esse cuidado todo com o uso de termos tcnicos
no comum no mercado de trabalho. Em geral, os profissio-
PG
Neste caso, o termo resoluo sempre usado corretamente pe-
los profissionais. Refere a quantidade de pixels utilizados na
imagem digital, como tambm a quantidade de informao que
o pixel traz para compor a imagem. A resoluo da imagem
medida em ppi (pixels per inch, pixels por polegada).
Ento, quando se referir imagem, o termo apropriado reso-
luo mesmo.
Resoluo do monitor
1024 pontos
768 linhas

nais no se preocupam com isso e at mesmo as publicaes

no levam to risca a preciso dos termos mais comuns em- Dpi = dots per inch
(pontos por polegada)
pregados na editorao de imagem digital. Mas garantimos que
us-los corretamente evita muitos problemas de comunicao
o

entre as pessoas envolvidas no trabalho.
ni
Outro alerta: esteja seguro de que domina os termos e os conte-
efi
dos que sero vistos neste texto. Se os princpios bsicos esti- Normalmente pode D
verem bem entendidos, sem dvida, ficar mais fcil acompa- exibir tambm
800x600, etc.
nhar a seqncia de assuntos.
O monitor comporta um nmero de pontos que permite a visu-
alizao da tela. A resoluo do monitor expressa pelo nme-
RESOLUO ro de pontos dispostos na horizontal por quantidade de linhas
O termo resoluo usado indiscriminadamente para descrever dispostas na vertical, por exemplo, 1024 x 768, ou seja, 1024
qualidade da imagem, qualidade do monitor, definio de im- pontos por linha horizontal disposta 768 vezes verticalmente.
pressoras, tamanho da imagem etc. Ora, resoluo uma parte A resoluo do monitor medida em dpi (dots per inch, pon-
crtica da imagem digital, a chave para o seu entendimento. tos por polegada). A definio de um monitor IBM compatvel
Portanto, ter dvidas quanto propriedade de seu uso pode tra- (PC baseado em Windows) normalmente de 96 dpi. Na plata-
zer embaraos ao iniciante. Para evitar confuses, aqui o termo forma Macintosh, de 72 dpi.
resoluo sempre ser acompanhado da devida especificao.
Quando se referir a monitor, use o termo definio.
Resoluo da imagem
2400 pixels
Resoluo da impresso

o
300dpi 90dpi

o lu
s
Re
600 pixels

cm
l ou
s po
nto
Po 1200dpi
Pixel de 24 bits 1200 ppi (pixels por polegada) Depende da impressora ou imagesseter

01
O nmero de dpi (dots per inch, pontos por polegada) que
uma impressora capaz de produzir resulta num trabalho de
maior ou menor qualidade.
As impressoras laser normalmente trabalham com resoluo
que vai de 300 a 600 dpi. As impressoras de composio (ima-
gesetters) podem imprimir com 1200, 2400 ou mais dpi.
Use o termo pontos, quando se referir impresso.
LEMBRE-SE:
Imagem: ppi (pixel per inch, pixel por polegada).
Monitor: n. de pixels na horizontal x n. de pixels na vertical.
Impresso: dpi (dots per inch, pontos por polegada).
IMAGEM DE BITMAP E IMAGEM VETORIAL
Em computao, as imagens que so vistas na tela do monitor
dividem-se em duas categorias principais: imagem de bitmap e
imagem vetorial. Entendendo a diferena entre as duas, fica ma-
is simples criar, editar e manipular as imagens. E ainda perce-
ber que elas se comportam de maneiras diferentes em circuns-
tncias especficas.
Pixels
Imagem Digital Imagem Vetorial
As imagens digitais de mapa de bits so criadas em softwares de
ilustrao como Photoshop ou CorelPHOTOPAINT, conside-
rados softwares de pintura.
As imagens vetoriais so criadas em softwares como
CorelDraw, Flash, FreeHand ou Illustrator, considerados soft-
wares de desenho.
Imagem de bitmap
O bit a menor unidade de informao usada pelo computador
como se fosse um clic que ativa e desativa a memria do com-
putador. Representado por 1 (ativado) e 0 (desativado), pode ser
utilizado tambm para representar as cores preta e branca.
Portando, ao se reunirem bits dife-
rentes em um padro (como um pa-
pel quadriculado), pode-se criar
uma imagem a partir de pontos pre-
tos e brancos. Chamamos grafica-
mente de trao a imagem digital
que se apresenta somente em preto-
e-branco ou imagem de 1 bit/pixel.
No detalhe ampliado, tornam-se
visveis os pixels que formam a
imagem.
Profundidade de Bit
A cor de cada pixel (a menor unidade grfica de uma imagem -
preta, branca, cinza ou qualquer cor do espectro visvel) regis-
trada pelo computador com o uso de bits. Quanto mais bits uti-
lizados, mais cores ou tonalidades so obtidas.
O nmero de bits para cada pixel determina a profundidade de
bits de uma imagem.
No tipo mais simples de imagem grfica de mapa de bits, existe
somente pixels com dois valores possveis: preto ou branco, ou
on (ativado) ou off (desativado). Esse tipo de pixel utiliza so-
mente um bit de memria do computador. Assim, uma ima-
gem que utilize pixels somente desse tipo pode ser denominada
imagem de 1 bit. Logicamente, se para cada pixel fossem neces-
srios 24 bits para registrar uma cor, a imagem seria de 24 bits.
1 bit PROFUNDIDADE DE BITS
(tons de cinza e cores)
4 bits
8 bits
4 bits
8 bits
24 bits
32 bits
Para se criar tons diferentes entre o preto e o branco, o compu-
tador utiliza mais bits de informao. O nmero de tons de cin-
za disponvel igual a 2 elevado potncia do nmero de bits.
Havendo dois bits de informao para representar o pixel, exis-
tiro 22 ou quatro combinaes possveis de ativado e desativa-
do. Utilizando-se 0 para indicar desativado e 1 para indicar ati-
vado, as combinaes nesse caso poderiam ser escritas como
02
00, 01, 10, 11. Portanto, com dois bits, podemos criar quatro
tons de cinza para cada pixel.
Quatro nveis de informao permitem escolher at 24 ou 16
tons de cinza; 8 bits fornecem 28 ou 256 tons. Com 24 bits de
informao, possvel fazer a seleo entre mais de 16 milhes Voltando analogia do papel quadriculado, a dimenso de uma
de cores.
A cor de 24 bits chamada de cor verdadeira (true color), j
que 16 milhes de cores so uma quantidade mais do que sufi-
ciente para se aproximar de todas as cores que o olho humano
pode distinguir.
Os softwares de pintura como CorelPHOTOPAINT ou
Photoshop geram imagens mapeadas por bits, tambm chama-
das rasterizadas. As imagens usam uma grade parecida com um
papel quadriculado. Cada unidade grfica que compe essa gra-
de chamada de pixel, que em conjunto constri as imagens.
Pixel
Picture element ou elemento de imagem a menor unidade gr-
fica de uma imagem mapeada por bits, um ponto grfico indi-
vidual. Os pixels combinados que formam a imagem.
Comparativamente, os pixels funcionam como os blocos de
uma construo. Numa imagem mapeada por bits, cada pixel
tem uma localizao especfica e carrega informaes para a
construo da imagem.
Por exemplo, uma esfera representada em bitmap composta
de uma srie de pixels precisamente localizados com as infor-
maes de cor (a profundidade de bit j explicada), como se ca-
da pixel fizesse parte de um mosaico. Por isso, quando traba-
lhamos com imagens de bitmap, editamos pixels em lugar de
objetos ou formas.
As imagens de bitmap so o meio eletrnico mais comum para
a representao de imagens de tom contnuo, como fotografias
ou imagens criadas em programas de pintura, porque podem re-
presentar graduaes sutis de sombras e cores.
Como j vimos, a qualidade das imagens de bitmap depende da
resoluo, quer dizer, quando as imagens so compostas em bit-
map, elas ficam com um nmero fixo de pixels.
Se forem ampliadas na tela ou impressas numa dimenso mai-
or do que foram criadas, as imagens podem aparecer serrilha-
das ou perder detalhes.
Portanto, ao criar imagens de bitmap, faa uma previso
do tamanho em que elas sero utilizadas.
Relao entre os Eixos da Imagem
A relao entre os eixos de uma imagem informa o nmero de
pixels horizontais e verticais que compem essa imagem. A me-
dida da imagem vista na tela do monitor dada em pixel.
imagem mapeada por bits determinada pela quantidade de pi-
xels na horizontal e na vertical.
Por exemplo: uma imagem com relao de 800 x 600 pixels
contm um total de 480.000 pixels. Mas ateno: esse nmero
no diz respeito ao tamanho do arquivo, mas dimenso da
imagem.
800x600 pixels
800x600 pixels - 100dpi 200dpi
A Construo de uma Imagem Grfica
A dimenso da imagem e o posicionamento do pixel so as
principais informaes que o computador tem de registrar em
um arquivo de imagem grfica.
Fique claro que o pixel no possui qualquer tamanho mensur-
vel. S se pode determinar o tamanho real da imagem combi-
nando a relao entre os eixos e a resoluo determinada.
O computador no registra a posio de cada pixel da imagem
como vista, ele apenas recria uma grade utilizando as dimen-
ses fornecidas pela relao entre os eixos da imagem.
1. Linha
1. Linha
Arquivo normal
2 2 5 1 2 14 4 A mesma linha compactada
A imagem aqui comprimida e a quantidade de dados tam-
bm, resultando numa economia do espao ocupado na mem-
ria do computador.
03
Mas mesmo que um arquivo esteja truncado em relao s co-
res, por exemplo, existe a chance de o arquivo ser corrigido e o
computador pode recriar a imagem. Mas nada poder ser feito
se os pixels estiverem em locais errados. Quando isso ocorre,
na maioria dos casos a falha de hardware e no do usurio.
Como se aplica a Resoluo aos arquivos de Mapa de
Bits
O pixel s se torna mensurvel quando enviado a algum tipo
de dispositivo, como monitor ou impressora.
A dimenso real de um arquivo de uma imagem grfica de ma-
pa de bits, seja em centmetros ou polegadas, determinado pe-
lo nmero de pixels horizontais e pelo nmero de pixels verti-
cais, acrescido da resoluo do mapa.
Portanto, a resoluo de um arquivo bitmap fornecida em ter-
mos de ppi (pixels por polegada), j visto anteriormente.
A B
A imagem A aqui apresentada foi criada com 72 pixels de largu-
ra e 72 pixels de altura com uma resoluo de 72 ppi, ou seja,
uma polegada quadrada.
Alterando a resoluo do mapa de 72 pixels x 72 pixels para 36
ppi, o tamanho da imagem passa a ser de 2 polegadas x 2 pole-
gadas (imagem B).
O nmero de pixels no foi alterado, mas os pixels aparecem
com o dobro do tamanho.
Mapa de bits e tamanho de arquivo
Vale aqui frisar que imagens de mapa de bits ocupam muito es-
pao no HD e muita memria RAM quando editadas, pois de
acordo com a quantidade e a qualidade das cores utilizadas,
principalmente em fotografias, os arquivos podem ocupar cen-
tenas de megabytes da memria.
Trs fatores determinam o tamanho do arquivo:
! a dimenso da imagem,
! a profundidade de bits e
! o formato de arquivo utilizado para editar e armazenar a
imagem.
A relao entre dimenso da imagem e tamanho do arquivo
direta: quanto maior a imagem medida em pixels, maior o ar-
quivo. Tambm direta a relao entre profundidade de bit e ta-
manho do arquivo: quanto mais bits forem utilizados para ca-
da pixel, maior ser o arquivo. Acompanhe o exemplo na se-
qncia.
A imagem C em preto-e-branco (graficamente chamada de tra-
o) apresentada abaixo com 600 pixels h x 423 pixels v x 300
ppi x 1 bit possui 31 kilobytes. Se a alterarmos para 8 bits ou
256 cores da escala de tons de cinza, o tamanho do arquivo ser
aumentado em oito vezes. Para cada pixel ser necessria oito
vezes mais memria para armazenar e editar a imagem. O tama-
nho do arquivo passaria para 248 kilobytes, como mostra a ima-
gem D.
(
C D
O formato escolhido para gravar a imagem afeta diretamente o
tamanho do arquivo, mesmo quando os elementos da imagem
so semelhantes. Os formatos se comportam de maneiras dife-
rentes. Existem formatos que podem reduzir em at 80% o ta-
manho original do arquivo.
IMAGEM VETORIAL
Ao contrrio das imagens mapeadas por bits, as imagens veto-
riais, criadas em softwares de desenho, so compostas de linhas,
ngulos e formas geomtricas predefinidas por comandos no
computador e por clculos matemticos - no s a imagem em
si, como tambm seu posicionamento em relao pgina.
Uma imagem vetorial (tambm denominada grfico vetorial)
pode ser formada por diversas figuras agrupadas. Pode ser reor-
ganizada indefinidamente e traz a vantagem de ser independen-
te em relao resoluo. Isso significa que uma imagem veto-
rial pode ser ampliada 10, 20 ou 100 vezes sem perda de deta-
lhes na visualizao e na impresso. Isso extremamente vanta-
joso em alguns casos.
Se o arquivo criado para ser usado num carto de visitas for
um grfico vetorial, esse mesmo arquivo pode gerar impresso
para um letreiro ou at uma fachada com 20 metros de compri-
mento sem perda de qualidade - e praticamente com o mesmo
tamanho.
Por exemplo, um crculo em um grfico de vetor construdo
por meio de uma definio matemtica, de raio predetermina-
do, com localizao especfica na pgina e preenchido com um
valor de cor. possvel mover, redimensionar ou mudar a cor
do crculo sem perder a qualidade da imagem. Se esse mesmo
crculo fosse criado num software de pintura (imagem mapeada
04
por bits), o computador deveria registrar cada pixel individual- Ilustrao vetorial
mente para compor o crculo, ocupando muito mais memria.
verdade que arquivos de grficos vetoriais podem mostrar ma-
pas de bits, permitindo ajuste de escala, brilho e contraste.
Porm, no possvel alterar os pixels individuais do mapa de
bits.

Vetorial Bitmap

Repetimos que o resultado de um grfico vetorial no passa de

uma equao matemtica. O computador no salva a imagem

que vista no monitor e sim um conjunto de instrues que
compe essa imagem, motivo pelo qual os arquivos ficam ex-
tremamente compactos quando armazenados. Nem mesmo as
cores nos grficos vetoriais afetam o tamanho do arquivo, pois
a cor do objeto somente mais uma parte da descrio vetorial.
Os grficos vetoriais tambm so chamados de desenhos basea-
dos em objetos (object-oriented drawings). Combinando esses
objetos, possvel formar uma imagem totalmente diferente.
Imagem vetorial simples
NASA
Vetor + Bitmap + Fonte True Type
Os formatos vetoriais possuem caractersticas comuns, embora
no possam ser editados da mesma maneira.
Quando um software de desenho utilizado para elaborar uma
imagem, esta s reconhecida por um outro software de dese-
nho se for importada ou exportada.
Os filtros de importao e exportao so conversores que se
colocam entre os aplicativos, proporcionando um canal de co-
municao bidirecional.
A maioria dos softwares baseada em vetor traz esses filtros in-
corporados ao programa.

Veja mais em:

Conjunto de
desenhos vetoriais
formando uma imagem

Preciso geomtrica, detalhamento dos elementos e definio

das bordas identificam uma imagem grfica vetorial. Alis, a A imagem digital
ilustrao vetorial a mais indicada para desenhos de marcas, na editorao
smbolos e logotipos, porque so desenhos que compem desde
papel carta at letreiros. O grfico vetorial imbatvel pela segu- NELSON MARTINS
rana que oferece na ampliao da imagem sem perda de deta- Editora SENAC
lhes.

05