Em computao grfica pode-se classificar uma imagem, em relao sua origem, de duas formas distintas:

Desenho vectorial baseia-se em vectores matemticos; Raster - baseia-se na descrio da cor de cada pixel;

A imagem vectorial um tipo de imagem gerada a partir de descries geomtricas de formas, diferente das imagens chamadas mapa de bits (bitmap), que so geradas a partir de pontos minsculos diferenciados por suas cores. Uma imagem vectorial normalmente composta por curvas, elipses, polgonos, texto, entre outros elementos, isto , utilizam vectores matemticos para sua descrio. Num trecho de desenho, de uma cor apenas, um programa vectorial apenas repete o padro, no tendo que armazenar dados para cada pixel. As Curvas de Bzier so usadas para a manipulao dos pontos de um desenho. Cada linha descrita num desenho vectorial possui ns, e cada n possui alas para manipular o segmento de recta ligado a ele. Por serem baseados em vectores, estes grficos geralmente so mais leves (ocupam menos espao enquanto ficheiros) e no perdem qualidade ao serem ampliados, j que as funes matemticas adequam-se facilmente escala, o que no ocorre com grficos raster que utilizam mtodos de interpolao na tentativa de preservar a qualidade. Outra vantagem do desenho vectorial a possibilidade de isolar objectos e zonas, tratando-as independentemente. Existe um tipo especial de imagem, gerada por computador, que mistura os conceitos de ambos tipos: o clculo matemtico (escalvel por natureza) e imagem raster: a imagem fractal.

Tabela de formatos

Observao: alguns formatos de ficheiros, por exemplo, o PDF, permitem imagens raster (mapa de bits) e vector (desenho vectorial), j que a tecnologia PostScript do PDF est concebida para gerir ambos os mtodos de representao de imagem. Eis, em resumo, os formatos de ficheiros de imagem mais comuns, com acrnimo de extenso, tipo MIME (Multipurpose Internet Mail Extensions), origem, nome prprio, descrio: Extenso Tipo MIME .ai .art application /illustrator Raster Nome prprio /vector raster / Adobe Illustrator vector Document raster ART Descrio Formato vectorial do Adobe Illustrator. As primeiras verses suportavam apenas imagens vectoriais. uma variante do Postscript tal como os formatos PDF, EPS e PS. ART um formato proprietrio do software cliente da America Online. Trata-se de uma nica imagem gravada num ficheiro, gravada da internet, em que o programa escolhe o melhor mtodo de compresso. Formato do pacote de programas VORT para Unix. Formato nativo do Blender.

.art .blend .bmp application raster /octet-stream image/bmp raster

Another Ray Tracer Blend File

.cgm .cin .cpt

image/cgm

vector

image/cineon raster raster

Windows Bitmap Comummente usado pelos programas Microsoft Windows, e o pelo prprio sistema operador do Windows. Compresso sem perdas de informao pode ser especificada, mas alguns programas usam apenas arquivos no-comprimidos. Computer Definido pelo padro ISO 8632. Normalmente usado para Graphics Metafile desenhos complexos de engenharia, por exemplo, na aviao. Cineon Cineon uma variante do formato DPX para filmes digitais. Corel Photo-Paint Formato padro do Corel PhotoPaint. Poucos programas

.dpx

image/dpx

vector

Image Digital Picture eXchange file format

.dxf .eps .dwg .emf .exr .fh .fla .fpx .gif

image/vnd.dxf vector application /postscript raster / vector vector vector image/exr raster vector vector image/vnd.fpx raster image/gif raster

suportam este formato. DPX um padro ANSI/SMPTE (268M-2004) semelhante ao Cineon mas com cabealhos (headers) mais flexveis e variveis. Normalmente usado para filmes, em que um digitalizador de pelcula cinematogrfica fornece sada neste formato ou uma mquina de filmar. No armazena som. ASCII Drawing Ficheiros de texto no padro ASCII utilizados para armazenar Interchange dados de programas CAD. Encapsulated Formato com a finalidade de importar e exportar ficheiros PostScript PostScript. Ao invs do formato ".ps" no editvel, destinado a sadas em impressoras. arquivo nativo do AutoCAD DWG, Ficheiros de texto no padro ASCII utilizados AutoCAD para armazenar dados de programas CAD. Windows Verso avanada do Windows Metafile. Enhanced Metafile Extended OpenEXR um formato Open Source e HDR, desenvolvido Dynamic Range pela Industrial Light & Magic. destinado indstria Image File Format cinematogrfica. Macromedia Formato nativo do Macromedia Freehand. FreeHand Document Flash Source File Formato nativo do Macromedia Flash. Ver tambm o formato ".swf". Flashpix (1.0.2) No comprimido / com perda de informao, 8-bit em tons de cinza & 24-bit em cores. Fornece mltiplas resolues de cada imagem. Graphics Usado extensivamente na web, mas por vezes evitado devido Interchange a problemas de patente. Suporta imagens animadas. Suporta Format somente 255 cores por quadro, portanto requer quantificao

.iff .ilbm .jpeg .jpg .jpg2 .jp2 .mng image/jpeg

raster raster

image/jpeg20 raster 00 video/x-mng raster

.pbm

image /x-portablebitmap image/jpcd

raster

.pcd .pdf

raster

application/pd raster / f vector

com perdas de informao para fotos full-color (16.7 milhes de cores); usar quadros mltiplos pode melhorar preciso de cores. Usa compresso sem perdas de informao, compresso LZW patenteada. A patente venceu em 2003. Interchange file Formato de arquivo popular no computador Amiga. ILBM um format / Interleave subtipo do formato IFF, que pode conter mais que apenas bitmap imagens. Joint Usado extensivamente para fotos na web. Usa compresso Photographic com perda de informao; a qualidade pode variar Experts Group enormemente dependendo das definies de compresso. Joint Photographic JPEG 2000 um sucessor do JPEG, permitindo compresso Experts Group com perda de dados (lossy) e sem (lossless). O suporte deste formato em programas ainda pequeno. Multiple-image Formato de animao que usa data streams semelhantes Network Graphics queles de PNG e JPEG, originalmente designado para substituir o uso de GIF animado na web. Livre da patente associada ao GIF animado. Portable Bitmap Um simples formato grfico em preto de branco. Diferente da Format maioria de formatos de arquivos grficos, um arquivo PBM texto integral e pode ser processado por ferramentas de processamento de texto. relacionado aos formatos de arquivo grfico PGM (tons de cinza) e PPM (colorido). ImagePac Photo Formato proprietrio da Kodak, com perdas de informao, CD cores 24-bit. Portable Verso simplificada do PostScript. um formato nativo do Document Format Adobe Acrobat Reader, Adobe Acrobat Professional e do Adobe eBook Reader. Permite mltiplas pginas e ligaes (links). As ltimas verses permitem ainda a incluso de video, 3D, preenchimento de formulrios, entre muitas outras

.pgm

image /x-portablegraymap image/pct ?? image/png

raster / vector

Portable Graymap Format

.pict .png

raster / vector raster

Picture Portable Network Graphics Portable Pixmap Format

.ppm

image /x-portablepixmap application /postscript application /x-photoshop ?

raster

.ps .psd

vector raster

PostScript Photoshop Document Paint Shop Pro Document Scalable Vector Graphics SketchUp Format

.psp .svg .svgz .skp .skb

raster

image/svg+x vector ml application vector

opes. Um simples formato em tons de cinza. Diferente da maioria de formatos de arquivos grficos, um arquivo PGM texto integral e pode ser processado por ferramentas de processamento de texto. relacionado aos formatos de arquivo grfico PBM (preto e branco) e PPM (colorido). Formato padro utilizado para armazenar imagens nos sistemas operativos do Macintosh anteriores verso OS X. Formato de imagem bitmap (mapa de bits) comprimido sem perdas de informao, originalmente designado para substituir o uso de GIF na web. Livre de patente, que venceu em 2003, associada ao GIF. Um simples formato em tons de cinza. Diferente da maioria de formatos de ficheiros grficos, um ficheiro PPM texto integral e pode ser processado por ferramentas de processamento de texto. relacionado aos formatos de arquivo grfico PBM (preto e branco) and PGM (tons de cinza). Formato destinado a sadas em impressoras, normalmente impressoras laser que suportem PostScript. Formato padro da Adobe para documentos do Photoshop. Possui muitos recursos extras como image layering. Suportado por muitos poucos programas fora do Adobe Photoshop. Formato nativo do Paint Shop Pro, de forma similar ao .psd do Adobe Photoshop. Suportado por poucos programas. Formato baseado no XML, definido pelo World Wide Web Consortium para ser utilizado em navegadores. Formato utilizado no programa Sketchup,da Google, que vem surgindo como uma ptima opo para modelagens em 3D

/skechup .swf application vector /x-shockwaveflash image/tiff raster Flash

.tiff .tif

Tagged Image File Format

.wbmp

image raster /vnd.wap.wbm p image/x-wmf ? image/xxbitmap vector vector raster

.wmf .xar .xbm

Wireless Application Protocol Bitmap Format Windows Metafile Xar X BitMap

nas reas de Arquitectura, mecnica e at cinema, dentre outras. Formato nativo e no editvel do Macromedia Flash, normalmente criado a partir do formato editvel ".fla". Este formato armazena animaes para serem visualizadas normalmente em pginas da internet, e pode ser criado em outros programas que o suportem. Usado extensivamente para grficos tradicionais impressos. Compresses com e sem perdas de informao disponveis (LZW, ZIP e JPEG) assim como outras opes, apesar de muitos programas no suportarem essas opes para alm do padro TIFF. Utilizado para armazenar imagens em dispositivos sem fios (wireless), normalmente em telemveis com cmara fotogrfica. Formato nativo do Microsoft Windows para armazenar imagens. Formato nativo do programa Xara X e da sua ltima verso, o Xara Xtreme. Usado quase que exclusivamente em plataformas UNIX com o Sistema X Window e suportado pela maioria dos navegadores. Um arquivo ASCII que no usa compresso, designado de modo que arquivos estejam em sintaxe C(++) para que imagens possam ser includas no cdigo fonte. Formato nativo do GIMP. Possui muitos recursos extras como imagem em camadas (layers). Usado principalmente no GIMP, porm tambm suportado pelo ImageMagick. Usado quase que exclusivamente em plataformas UNIX com o

.xcf .xpm

application raster /x-gimp-image image/x-xpm raster

eXperimental Computing Facility X-Pixmap

Sistema X Window. Um arquivo ASCII que no usa compresso, designado de modo que arquivos estejam em sintaxe C(++) para que imagens possam ser includas no cdigo fonte. Bitmap Bitmap ou imagem raster. Trata-se de um conjunto de pontos, os pixis, que formam uma imagem. Cada um destes pixis tem o seu prprio valor que descreve a sua cor.

DPI Dots per inch ou pontos por polegadas. Determina a resoluo da imagem na impresso. PPI Pixels per Inch ou pixis por polegada. Determina a resoluo da imagem nos ecrs. LPI Lines per inch ou linhas por polegada. Especifica as linhas das reticulas. Quanto mais linhas por polegada uma reticula tem, mais fina ela .

Formatos de imagem (por extenso): PSD PhotoShop Document. Formato padro do Photoshop. o nico que suporta todos os recursos deste programa. Abre apenas no Photoshop. O seu uso invivel para web, mas pode ser usado para as empresas grficas. BMP Bitmap. Bitmap ou imagem raster. Trata-se de um conjunto de pontos, os pixis, que formam uma imagem. Cada um destes pixis tem o seu prprio valor que descreve a sua cor. Formato padro para computadores que utilizam

o Windows. Este formato suporta as cores RGB, indexadas, e tons de cinza. Como arquivos so pesados mas podem ser usados na web e noutras aplicaes. EPS Formato que guarda informaes vectoriais e bitmap e suportado por praticamente todos os programas de edio e pginas. um formato muito utilizado para transferir dados de programas de edio de texto. GIF Modo mais utilizado para publicar grficos compactados na Web. Este formato utiliza cores indexadas e suporta transparncias. JPG Formato utilizado para exibir fotografias com resoluo aceitvel e tamanhos reduzidos para web ou outros locais. Este formato suporta cores RGB, CMYK, tons de cinza. No suporta transparncias. A imagem JPG pode assumir diversos nveis de compactao; quanto maior a compactao menor o tamanho do arquivo e consequentemente, menor a qualidade da imagem. PCX Suportado por computadores PC-IBM, suporta o modo de cores RGB, tons cinza, cores indexadas e bitmap. PDF

Maneira fcil de converter documentos para leitura em diversos aplicativos e plataformas. Estes formatos exibem fontes e formatao com preciso. PNG Formato alternativo ao formato GIF e JPG, uma vez que suporta transparncia. TIFF Utilizado na troca de ficheiros entre aplicaes e plataformas. Suportado por praticamente todos os programas de edio grfica.

InkScape Its free and available online at <inkscape.org>. The program is like MS Paint hyped up on steroids, or, maybe more closely related to the likes of Photoshop and other wonders like that. One of the main reasons we used InkScape is that creations can be saved in .svg (as opposed to .jpg, .gif, etc.). Svg stands for Scalable Vector Graphics. This format is still relatively new to the web but, the possibilities of what it can do are exciting.

This image illustrates the difference between bitmap and vector images. The vector image can be scaled indefinitely without loss of image quality, while the bitmap cannot.

Bitmap Graphic and Vector Graphic Whats the different?

Bitmap graphics are composed of pixels, each of which contains specific colour information. Usually the larger the display size, the larger the file size. A disadvantage of a Bitmap Graphic is when you scale it to a bigger size, the image gets chunky looking. The filename extension of a bitmapped type is usually PSD, BMP, TIF, JPG, GIF and some more. You can not see any difference between the two logos in this post, but if you click on them, you see it 400% bigger. Now you clearly see the difference between both files.

Vector Graphic is geometry performance.

Vector graphics consist of points, lines, and curves which, when combined, can form complex objects. These objects can be filled with solid colors, gradients, and even patterns. Vector graphics are mathematical creations. It can be scaled at any size without losing any quality. Here a quick comparison: Bitmap Graphic Able to scale without any Nope, the image gets pixelate quality lost File size Working on Photos Vektor Graphic Yeah

File size gets bigger if the image File size remains the same independent the is bigger image size. For sure but not the best Not really, the photo loses on detail Of course No problem at all Logos and other graphic, which you will use in different sizes

Working on a simple Logo You can, Graphic solution Convert to the other format When to use?

possible, but needs work Photos

Vector vs Bitmap? In the computer world there are a lot of different ways to store an image. These different ways of storing are called file formats, or image file types. There are many different types of image files, such as: jpg, gif, png, svg. However, no matter what file type you use, every picture on a computer can be classified as either a Bitmap or Vector image. The difference is in how the computer reads and displays the images. It's important to know the difference between them because each format has it's own strengths and weaknesses.

BITMAP IMAGES Bitmaps are the most common type of picture format. Most of the pictures you see on your computer are bitmap images. Bitmaps are just that... a grid or map, of points of light called pixels (PICture ELement or Pixel) little dots of color. Bitmaps are made up of rows and columns of these pixels that come together to form a picture. The computer basically reads the image a bunch of colors arranged in order to make a picture. Bitmap Advantages The advantage to bitmaps are they are easy to create. Take a picture with a digital camera, or scan something in, and you've got one. They are easy to come by and are cost effective. You can take a picture or scan in a drawing, and easily show it on the Internet or send in an email. Bitmap Disadvantages The disadvantage of bitmaps, is they are not upward scalable. You can make a bitmap smaller without to much loss, but you cannot make it larger without loosing quality. If you ever see a bitmap image blown up, you'll notice it has little individual squares or dots that make up the image. When you see it at its optimal size you don't notice the individual dots, but if you try to make it bigger, the image become fuzzy, jaggy or pixelated.

VECTOR IMAGES

Vector images are inherently different from bitmap images, because they are not made up of the colored dots that make up a bitmap. Instead they are made by mathematical formulas called "lines and curves", that form shapes, that in turn make up an image. So instead of the computer reading a list of colored dots arranged in an order, it sees mathematic formulas that create shapes. The most common vector image you come in contact with every day, is type. The type you are reading on the screen right now is vector based. You can scale it up and down as much as you want, and you'll never see a single pixel. Vector Advantages The Advantage to Vector images is it's scalability. In other words, it's ability to reproduce itself at any size. With a vector image, you never have to worry about an image looking pixelated (fuzzy or jagged looking). You could print it on a postage stamp, or on the side of a bus, and never loose any quality. Vector disadvantages The disadvantage of vector is the time and talent needed to create it. You cannot take a photograph in vector. Vector images are drawn on the computer by a graphic artist using vector editing software such as Adobe Illustrator or InkSpace. As a result, vector graphics are not as cost effective as bitmap images.

CONCLUSION When Should I use Vector vs. Bitmap Vector images are important if you have an image that you will be using repeatedly at different sizes. For example, a company logo might be put on envelopes and letterheads, as well as posters and billboards. Having your logo in vector makes it easy to print it at different sizes, and retain a clean, crisp image, no matter the size. For most other basic jobs bitmaps are a faster and more cost effective way to produce images.

The matter of vector vs. bitmaps is a matter of application. Quality Vector images are an investment. It takes a skilled artist many hours to produce a quality vector logo, illustration, or diagram. But for images that are going to be used again and again, the investment is worthwhile.