Vetor ou Bitmap

Uma questão muito comum em Design Gráfico é em relação a diferença entre um vetor e um bitmap. Pessoalmente já perdi a conta de quantas vezes expliquei isso para designers iniciantes que entram em contato perguntando sobre isso. Neste artigo, vamos descobrir de uma vez por todas a diferença e quando utilizar o vetor ou o bitmap.

O que é um Bitmap?

Como o nome já diz, Bitmap é um “Mapa de Bits” e também é chamado de “Raster” ou “Imagem Rasterizada”. Este tipo de imagem é utilizado para fotos ou artes com degradês complexos como pinturas digitais, renderizações 3D, etc. A estrutura da imagem bitmap é formada por um grid de pixels, onde cada pixel representa uma cor. Veja na imagem abaixo o mapa de pixels de um trecho do olho:

Exemplo de imagem Bitmap

Os tipos mais comuns de imagens bitmap são:

• JPEG: Criado em 1983 por Eric Hamilton, “Joint Photographic Expert Group” é a principal compressão bitmap para câmeras fotográficas e pode possuir as seguintes extensões: ‘.jpeg’, ‘.jpe’, ‘.jpg’, ‘.jfif’ ou ‘.jfi’;
• BMP ou DIB: Criado pela Microsoft, é chamado de “Device Independent Bitmap (DIB)” ou simplesmente “Windows Bitmap (BMP)” e pode possuir as seguintes extensões: ‘.bmp’ ou ‘.dib’;
• PNG: Criado em 1996 pela W3C, o “Portable Network Graphics” possui o canal alpha, podendo possuir fundo transparente. Usa a extensão ‘.png’;
• GIF: Criado em 1987 pela CompuServe, o “Graphics Interchange Format” pode possuir animação e fundo transparente, possuindo a extensão ‘.gif’;
• TIFF: Criado pela Aldus (hoje chamada de Adobe), o “Tagged Image File Format” é utilizado para intercâmbio entre plataformas como Windows, Mac e Linux e transformou-se no formato padrão dos arquivos gráficos (32-bits) com elevada definição e pode possuir as extensões ‘.tif’ ou ‘.tiff’.

A edição de imagens bitmap é feita alterando-se as cores de cada pixel do mapa de bits e os programas mais populares para este tipo de tarefa são o Photoshop e o Gimp. O problema das imagens bitmap são em relação ao redimensionamento. Quando se aumenta o tamanho de um bitmap, os pixels são multiplicados e a imagem perde definição, ficando mais embassada.

Sendo assim, se queremos um trabalho de qualidade, devemos evitar a ampliação de imagens bitmap.

O que é um Vetor?

Uma Imagem Vetorial, também chamada de “Desenho Vetorial”, é gerada a partir do cálculo matemático de formas geométricas, e é composta por curvas, elipses, polígonos, textos, etc. É geralmente utilizada para confecção de logotipos ou ilustrações em alta definição, ou seja, use imagens vetoriais para obter o máximo em resolução possível.

Diferente de um Bitmap, a imagem Vetorial não perde a definição quando é redimensionada, pois suas formas são totalmente recalculadas a cada alteração, como vemos na imagem abaixo:

Exemplo de imagem Vetorial

Outro fator interessante de uma imagem vetorial é em relação ao tamanho do arquivo, pois enquanto um bitmap tem que guardar as informações de cor para cada pixel ficando por exemplo com 3Mb, o vetor apenas repete a incidência da mesma cor várias vezes com base em um cálculo, ficando por exemplo com 60kb.

Entre os programas mais utilizados para edição vetorial estão o famoso Corel Draw, o Illustrator ( mesmo fabricante do Photoshop ) e o Inkscape ( a alternativa Open Source ).

Os tipos mais comuns de imagens vetorias são:

• SVG: Scalable Vectorial Graphics, Criado em 2001 por coordenação da W3C com o apoio das empresas: Adobe, Agfa, Apple, Canon, Corel, Ericsson, HP, IBM, Kodak, Macromedia, Microsoft, Nokia, Sharp e Sun Microsystems. É o padrão para gráficos vetoriais recomendado pela W3C e possui as extensões ‘.svg e ‘.svgz’;
• CDR: Formato vetorial do Corel Draw, usado com a extensão ‘.cdr’;
• AI : Formato vetorial do Adobe Illustrator usado com a extensão ‘.ai’;
• EPS: Criado pela Adobe, o “Encapsulated PostScript” pode conter imagens e vetores. Um EPS não pode ser editado diretamente e quando algum programa abre um EPS, ele requer a especificação da resolução desejada e em seguida ele é transformado em bitmap. Foi muito usado antigamente, mas hoje é usado o formato PDF por ser de qualidade muito superior. As extensões usadas são ‘.eps’, ‘.epsf’ ou ‘.epsfi’;
• WMF: Criado pela Microsoft, o Windows Meta File foi desenvolvido para executar na camada Windows GDI e pode conter imagens e vetores, além de conter funções próprias embutidas para exibição no sistema operacional Windows e pode possuir as extensões ‘.wmf’, ‘.emf’, ‘.wmz’ ou ‘.emz’

Deixo abaixo um vídeo mostrando o passo a passo da vetorização de um bitmap da Angelina Jolie, feito no programa Inkscape.

Por enquanto é só. Espero que este artigo tenha servido de auxílio para desmitificar os tipos de imagens bitmap e vetorial. Até a próxima!