PG

UFSC
Curso de Design Grfico
Disciplina Produo Grfica 2
O que IMAGEM DIGITAL

Para facilitar o entendimento e antes de tratarmos da construo das imagens digitais, vamos explicar os termos mais utilizados na editorao e, especialmente, esclarecer aqueles que muitas vezes so empregados de maneira distorcida pelos profissionais.
verdade que esse cuidado todo com o uso de termos tcnicos
no comum no mercado de trabalho. Em geral, os profissionais no se preocupam com isso e at mesmo as publicaes
no levam to risca a preciso dos termos mais comuns empregados na editorao de imagem digital. Mas garantimos que
us-los corretamente evita muitos problemas de comunicao
entre as pessoas envolvidas no trabalho.
Outro alerta: esteja seguro de que domina os termos e os contedos que sero vistos neste texto. Se os princpios bsicos estiverem bem entendidos, sem dvida, ficar mais fcil acompanhar a seqncia de assuntos.
RESOLUO
O termo resoluo usado indiscriminadamente para descrever
qualidade da imagem, qualidade do monitor, definio de impressoras, tamanho da imagem etc. Ora, resoluo uma parte
crtica da imagem digital, a chave para o seu entendimento.
Portanto, ter dvidas quanto propriedade de seu uso pode trazer embaraos ao iniciante. Para evitar confuses, aqui o termo
resoluo sempre ser acompanhado da devida especificao.
Resoluo da imagem

600 pixels

2400 pixels

Pixel de 24 bits

Neste caso, o termo resoluo sempre usado corretamente pelos 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 resoluo mesmo.
Resoluo do monitor
1024 pontos

768 linhas

No h nada to complexo em imagem digital que no possa

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.

Normalmente pode
exibir tambm
800x600, etc.

Dpi = dots per inch

(pontos por polegada)

i
n
fi
e
D

O monitor comporta um nmero de pontos que permite a visualizao da tela. A resoluo do monitor expressa pelo nmero de pontos dispostos na horizontal por quantidade de linhas
dispostas na vertical, por exemplo, 1024 x 768, ou seja, 1024
pontos por linha horizontal disposta 768 vezes verticalmente.
A resoluo do monitor medida em dpi (dots per inch, pontos por polegada). A definio de um monitor IBM compatvel
(PC baseado em Windows) normalmente de 96 dpi. Na plataforma Macintosh, de 72 dpi.
Quando se referir a monitor, use o termo definio.
Resoluo da impresso

lu
o
s
Re

1200 ppi (pixels por polegada)

300dpi

90dpi

s
to
n
Po

ou
l
po

cm

1200dpi

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.

No detalhe ampliado, tornam-se

visveis os pixels que formam a
imagem.

As impressoras laser normalmente trabalham com resoluo

que vai de 300 a 600 dpi. As impressoras de composio (imagesetters) 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 mais simples criar, editar e manipular as imagens. E ainda perceber que elas se comportam de maneiras diferentes em circunstncias especficas.

Profundidade de Bit
A cor de cada pixel (a menor unidade grfica de uma imagem preta, branca, cinza ou qualquer cor do espectro visvel) registrada pelo computador com o uso de bits. Quanto mais bits utilizados, 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 somente um bit de memria do computador. Assim, uma imagem que utilize pixels somente desse tipo pode ser denominada
imagem de 1 bit. Logicamente, se para cada pixel fossem necessrios 24 bits para registrar uma cor, a imagem seria de 24 bits.
PROFUNDIDADE DE BITS
(tons de cinza e cores)

1 bit
Pixels

4 bits
8 bits

Imagem Digital

Imagem Vetorial

As imagens digitais de mapa de bits so criadas em softwares de

ilustrao como Photoshop ou CorelPHOTOPAINT, considerados softwares de pintura.
As imagens vetoriais so criadas em softwares como
CorelDraw, Flash, FreeHand ou Illustrator, considerados softwares de desenho.

4 bits
8 bits

24 bits

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 computador. Representado por 1 (ativado) e 0 (desativado), pode ser
utilizado tambm para representar as cores preta e branca.
Portando, ao se reunirem bits diferentes em um padro (como um papel quadriculado), pode-se criar
uma imagem a partir de pontos pretos e brancos. Chamamos graficamente de trao a imagem digital
que se apresenta somente em pretoe-branco ou imagem de 1 bit/pixel.

32 bits

Para se criar tons diferentes entre o preto e o branco, o computador utiliza mais bits de informao. O nmero de tons de cinza disponvel igual a 2 elevado potncia do nmero de bits.
Havendo dois bits de informao para representar o pixel, existiro 22 ou quatro combinaes possveis de ativado e desativado. Utilizando-se 0 para indicar desativado e 1 para indicar ativado, 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
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 suficiente 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 chamadas rasterizadas. As imagens usam uma grade parecida com um
papel quadriculado. Cada unidade grfica que compe essa grade chamada de pixel, que em conjunto constri as imagens.

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 medida da imagem vista na tela do monitor dada em pixel.
Voltando analogia do papel quadriculado, a dimenso de uma
imagem mapeada por bits determinada pela quantidade de pixels 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.

Pixel
Picture element ou elemento de imagem a menor unidade grfica de uma imagem mapeada por bits, um ponto grfico individual. 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 informaes de cor (a profundidade de bit j explicada), como se cada pixel fizesse parte de um mosaico. Por isso, quando trabalhamos com imagens de bitmap, editamos pixels em lugar de
objetos ou formas.

800x600 pixels - 100dpi

800x600 pixels
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 mensurvel. S se pode determinar o tamanho real da imagem combinando 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 dimenses fornecidas pela relao entre os eixos da imagem.
1. Linha

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 representar graduaes sutis de sombras e cores.

1. Linha

Como j vimos, a qualidade das imagens de bitmap depende da

resoluo, quer dizer, quando as imagens so compostas em bitmap, elas ficam com um nmero fixo de pixels.
Se forem ampliadas na tela ou impressas numa dimenso maior do que foram criadas, as imagens podem aparecer serrilhadas ou perder detalhes.
Portanto, ao criar imagens de bitmap, faa uma previso
do tamanho em que elas sero utilizadas.

Arquivo normal

2 2 5 1 2 14 4

A mesma linha compactada

A imagem aqui comprimida e a quantidade de dados tambm, resultando numa economia do espao ocupado na memria do computador.

03

Mas mesmo que um arquivo esteja truncado em relao s cores, 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 mapa de bits, seja em centmetros ou polegadas, determinado pelo nmero de pixels horizontais e pelo nmero de pixels verticais, acrescido da resoluo do mapa.
Portanto, a resoluo de um arquivo bitmap fornecida em termos de ppi (pixels por polegada), j visto anteriormente.

quivo. Tambm direta a relao entre profundidade de bit e tamanho do arquivo: quanto mais bits forem utilizados para cada pixel, maior ser o arquivo. Acompanhe o exemplo na seqncia.
A imagem C em preto-e-branco (graficamente chamada de trao) 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 tamanho do arquivo passaria para 248 kilobytes, como mostra a imagem 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 diferentes. Existem formatos que podem reduzir em at 80% o tamanho original do arquivo.

A imagem A aqui apresentada foi criada com 72 pixels de largura 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 polegadas (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 espao 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 centenas 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-

IMAGEM VETORIAL
Ao contrrio das imagens mapeadas por bits, as imagens vetoriais, 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 reorganizada indefinidamente e traz a vantagem de ser independente em relao resoluo. Isso significa que uma imagem vetorial pode ser ampliada 10, 20 ou 100 vezes sem perda de detalhes na visualizao e na impresso. Isso extremamente vantajoso 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 comprimento 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 predeterminado, 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 individualmente para compor o crculo, ocupando muito mais memria.

Vetorial

Ilustrao vetorial
verdade que arquivos de grficos vetoriais podem mostrar mapas de bits, permitindo ajuste de escala, brilho e contraste.
Porm, no possvel alterar os pixels individuais do mapa de
bits.

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 extremamente 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.

NASA

Os grficos vetoriais tambm so chamados de desenhos baseados em objetos (object-oriented drawings). Combinando esses
objetos, possvel formar uma imagem totalmente diferente.
Imagem vetorial simples

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 desenho se for importada ou exportada.
Os filtros de importao e exportao so conversores que se
colocam entre os aplicativos, proporcionando um canal de comunicao bidirecional.
A maioria dos softwares baseada em vetor traz esses filtros incorporados ao programa.

Conjunto de
desenhos vetoriais
formando uma imagem

Preciso geomtrica, detalhamento dos elementos e definio

das bordas identificam uma imagem grfica vetorial. Alis, a
ilustrao vetorial a mais indicada para desenhos de marcas,
smbolos e logotipos, porque so desenhos que compem desde
papel carta at letreiros. O grfico vetorial imbatvel pela segurana que oferece na ampliao da imagem sem perda de detalhes.

Veja mais em:

A imagem digital
na editorao
NELSON MARTINS
Editora SENAC

05