Imagem Vetorial x Imagem Bitmap (Raster)

 

 

Compreendendo Imagens Vetoriais e Imagens Bitmaps

Lembra-se de quando você estudou ciências na escola, e lhe foi apresentado o átomo?
Na verdade, você nunca viu um átomo, tampouco ele é de fato como foi descrito. Por outro lado, foi apresentado um modelo, uma "faz de conta" que, apesar de não ser o átomo de verdade, permitiu que você compreendesse e pudesse trabalhar com átomos.
De modo análogo, explicaremos a diferença entre imagens vetoriais e imagens bitmap, e programas que trabalham com imagens vetoriais e programas que trabalham com imagens bitmaps (mapas de bits).
O que vamos exemplificar não é realidade absoluta (você precisaria de um bocado de matemática), mas demonstra claramente a diferença entre os dois sistemas.

Imagem vetorial

Como na física, onde um vetor é uma entidade definida pelos atributos direção, módulo e sentido, podemos dizer que, na comunicação visual, os vetores (imagens vetoriais) são objetos definidos, também, por seus atributos.

Assim, de modo simplificado, o objeto abaixo (imagem vetorial) poderia ser definido da seguinte maneira:

Tipo de Curva = Circunferência
Raio = 1 cm
Preenchimento = amarelo
Contorno = azul

Observe que para guardar esse círculo, não precisamos gravar a imagem propriamente dita, que seriam os pixels (gastaria muita memória). Se guardarmos os atributos, como "Circunferência", preenchida de "amarelo", contornada por "azul" e com raio de "1 cm", qualquer computador poderia reproduzi-la! Esta é a principal característica de uma imagem vetorial.

Cada vez que o CorelDRAW (ou outro software vetorial como o PowerPoint, por exemplo) for carregar uma imagem vetorial, ele lerá, do disco, os atributos e REDESENHARÁ a imagem, claro, obtendo uma idêntica à original!

Ainda, pensando nessa linha, se decidíssemos aumentar o raio para 3 cm, apesar de gastarmos mais espaço de tela, não gastaríamos mais espaço no disco. Afinal, o círculo (os pixels que o compõem) não será gravado no disco. Apenas os atributos!

Tipo de Curva = Circunferência
Raio = 3 cm
Preenchimento = amarelo
Contorno = azul

 

Imagem Bitmap ou Imagem Raster (Mapa de Bits)

Uma fotografia digitalizada é um exemplo claro de imagem bitmap. Dificilmente você terá o mesmo efeito apenas com objetos vetoriais. Por isso, o CorelDRAW (e outros do gênero), que é um programa vetorial, aceita a importação de imagens bitmaps, de modo que você possa criar trabalho misturando os dois tipos de imagens (bitmap e vetorial).

Claro que ele não trabalha estas imagens do mesmo modo que programas específicos o fazem, como o Corel Photo-Paint, o Photoshop e o próprio Paint do Windows.

Bitmaps são imagens apresentadas no monitor, divididas em pequenos quadradinhos, cada um, com uma cor. Esses quadradinhos chamam-se pixels.

Quando se grava na modalidade bitmap, grava-se o conteúdo de cada pixel. Num programa que manipula bitmaps, como o Paint do Windows ou o Photoshop, você pode alterar a cor até mesmo de um único pixel!

Apesar das vantagens para se trabalhar com fotos ou outros desenhos, existem algumas desvantagens para os arquivos do tipo bitmap:

• No redimensionamento da imagem
  O sistema perde quando precisamos redimensionar imagens. Como os pixels não são redimensionáveis, perdemos pixels ao reduzirmos o tamanho da imagem e, ao ampliarmos, são acrescentados pixels. Por isso, imagens bitmaps com tamanho alterado não apresentam muito boa qualidade.
• No armazenamento da imagem em disco
  Imagine só, o quanto consome de disco uma circunferência com raio de 30 cm, se tivéssemos que armazená-la conforme o exemplo abaixo:
  
  

 

Exemplo de ampliação de uma Imagem Vetorial

Observe como fica perfeita a ampliação de uma imagem vetorial. O avião abaixo foi construído (e ampliado) num programa de vetores (CorelDRAW) e não tem o acabamento de uma foto.

Exemplo de ampliação de uma Imagem Raster (Bitmap)

Um bitmap pode conter muito mais detalhes e parecer perfeito. No entanto, ao redimensionarmos, poderemos ter perda de qualidade.

 

De Vetor para Bitmap

Como Rasterizar Imagens

Chamamos de rasterização ao processo de transformação de uma imagem vetorial em uma imagem bitmap, também conhecida como raster. Neste caso, teremos uma imagem rasterizada. Em geral, isto é possível importando imagens, originalmente vetoriais, em programas que trabalham com imagens bitmap.
O Photoshop permite esse processo e, provavelmente, você utilizará muitas vezes, como, por exemplo, para apresentar logotipos (usualmente concebidos como vetor) em páginas de internet, como imagem jpg, gif ou png. Os programas que trabalham com vetores, como o CorelDRAW, o InDesign e o Illustrator, também costumam permitir a exportação para bitmap.

 

De Bitmap para Vetor

Como Vetorizar Imagens

Existem aplicativos, como o Vector Magic e o Magnigraph, que vetorizam automaticamente uma imagem bitmap, transformando-a em vetor por um processo conhecido como auto-tracing. Funciona bem, em especial para elementos com contornos bem definidos.

Designers, no entanto, trabalham muito com o que chamamos de vetorização manual. Como que decalcando um desenho (quando você coloca uma transparência sobre a imagem original e desenha uma nova) e utilizando ferramentas adequadas de programas como o Illustrator ou o CorelDRAW, obtém-se uma imagem vetorizada mais perfeita e detalhada.

 

Vetor por Observação

Designers também costumam desenhar a partir da observação de um objeto real. Esse desenho pode ser feito com lápis e papel e depois escaneado e vetorizado (Illustrator ou CorelDRAW) ou diretamente desenhado dentro do Illustrator ou CorelDRAW com o auxílio de uma Tablet (pequena mesa digitalizadora).

 

Exemplo: lápis desenhado no InDesign com a ferramenta Pen (sem tablet)