Vector images

August 13, 2002 - 0:0
do not plot images on a pixel-by-pixel basis. Instead, vector files contain a description of the image expressed mathematically. Essentially, the file tells the computer about the image and the computer draws it. For instance, the image of a circle in vector format, written in plain English, might look something like this:  Circle (200px)  Fill Color: Gradient  Gradient Type: Radial  Colors: White, Black  Line Color: None One of the benefits of vector images is file size, particularly relative to the file size of bitmap images. The same circle as a bitmap file, at a resolution of 320x200, might look something like this in English: Row 1 Pixel 1x1 is white  Pixel 2x1 is white  Pixel 3x1 is white  Pixel 4x1 is white, etc. until we reach Pixel 320x1

Row 2  Pixel 1x2 is white  Pixel 2x2 is white, etc.

Describing the circle (and the color surrounding it) on a pixel-by-pixel basis is a much more lengthy process than telling the computer to draw the circle itself.

Another major benefit of vector graphics is scalability. Because the computer effectively draws the image for us, vector graphics are also scalable; meaning the size of the image can be increased or decreased without degradation.

Because the file is an equation, placing different numbers into the equation results in the computer rendering the image correctly, but if you only modify the scale, the file size remains the same.

Scaling vectors results in perfectly rendered images. The image on the left is the ball in its original size. The image on the right is the same ball with an increase in scale. The file size is the same.

Bitmaps can be scaled, but an increase in scale degrades the image because the computer does not have enough information to create the new image. The computer merely takes the existing pixel information and translates one pixel into multiple pixels.

For example, if we scale a 45x45 image to 90x90, each individual pixel in the image in its original state becomes four (4) pixels in its scaled state. This results in jagged edges that appear fuzzy on screen.

Doubling the size of the bitmap causes the computer to replace each original pixel with four. As a result, the image becomes fuzzy or jagged. The file size also increases.

Unfortunately, vector images, because they describe images in terms of shapes, lines, curves, points, colors, length, etc., do not accurately reproduce photographic images. In general, bitmaps are suitable for photographic images, and vectors for illustrations.