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 (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:
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 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 Bitmap

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

"Imagem Vetorial x Imagem Bitmap" - Todos os direitos reservados - Copyright © Fernão Eberlin - www.eberlin.pro.br

Curso de CorelDRAW
Aprenda a usar o software
campeão para desenho.
CiaByte.com.br

Curso de Photoshop
Restauração de fotos,
fotomontagem e muito mais!
CiaByte.com.br

Curso de Digitação
Aprenda a digitar com os 10
dedos sem sair de casa!
CiaByte.com.br

Curso Básico de Informática
Curso para iniciantes, 100%
prático, c/ suporte e certificado
CiaByte.com.br

Curso de Design Gráfico
Curso com foco na criação.
Com Photoshop, InDesign, ...
CiaByte.com.br

Curso de Web Design
Faça páginas de Internet
chamativas e criativas.
CiaByte.com.br

Curso de Excel Avançado
Aprenda a usar a Planilha
Eletrônica Excel. Básico incluso.
CiaByte.com.br

Curso de Word Avançado
Você sabe mesmo usar o Word?
E se tiver que fazer um teste?
CiaByte.com.br

Curso PowerPoint Avançado
Aprenda a fazer apresentações
profissionais. Básico incluso.
CiaByte.com.br