Category: 

What is the Difference Between Vector and Bitmap Images?

Article Details
  • Originally Written By: David White
  • Revised By: C. Mitchell
  • Edited By: Bronwyn Harris
  • Last Modified Date: 20 July 2014
  • Copyright Protected:
    2003-2014
    Conjecture Corporation
  • Print this Article
Free Widgets for your Site/Blog
Doorknobs made of brass automatically disinfect themselves in less than 8 hours.  more...

July 24 ,  1979 :  Serial killer Ted Bundy was found guilty of first-degree murder of two female college students.  more...

There are several differences between vector and bitmap images, but the most important usually concern resolution, shape and movement, and photo-realism, which is the clarity with which photos and other graphics appear on a computer screen. Software engineers and computer coders use both sorts of images fairly regularly, and they each have important purposes. Bitmaps are often considered more “old fashioned,” in part because they were the original building blocks of digital imagery and Internet graphics. Though vector images do a better job at some tasks, there is still an important role for bitmaps. In general, vectors are better suited for moving images since they aren’t restricted to a rectangular shape field the way bitmaps are, and they also can have moving parts, while bitmaps tend to be static. At the same time, though, bitmaps are often considered superior for presenting photos and other graphic images on the screen. Most computer engineers and digital graphic designers know and use both on a very regular basis.

Bitmap Basics

The most elementary kind of image in any discussion of computer design is the bitmap image, which sounds like something from the early days of computing — a “map of bits,” and to some extend this definition holds. A bitmap image is quite literally a collection of squares that, taken together, make up a recognizable picture. The squares might be of different colors, but they are all the same size.

Ad

The Vector Model

The other half of the equation is the vector image. This kind of image is much more sophisticated because it has moving parts and components that can adjust to user commands. Each graphic of this type is made up of a handful of smaller pieces, just like the bitmap, except that the vector image's parts are scalable. This means that designers can change the resolution of a vector image in both directions, making a “high-res” image lower or, conversely, making a “low-res” image higher.

Resolution Differences

Resolution is one of the most important differences, and can be described basically as how many dots per inch (or per cm) an image has. The higher the concentration of dots, the sharper and the clearer the image will look. Another way of looking at this is that high resolution pictures tend to have a better level of detail do those with lower resolutions.

Bitmap images often look really sharp in their original size, but the minute people try to expand or enlarge them they begin to look more like a collection of colored squares than a recognizable image. Reductions can also pose problems, since in most cases shrinking things down means that some blocks much actually be eliminated; this can lower the overall sharpness. Vector images don’t usually have these problems since their “building blocks” typically grow and expand as the picture does, at least to an extent.

Shape Restrictions

Another important distinction between vector and bitmap relates to shape relativity. Vector images are not restricted to a rectangular shape, but bitmaps are. A designer who places a vector image on top of another image won't cover up any of the detail of whatever’s on the bottom. This won’t happen where a bitmap is concerned, though, because bitmaps are entirely made up of square pixels. Even the background of a bitmap is pixilated, though this isn’t usually noticeable. Vectors can also contain curved shapes like lines or polygons, whereas bitmaps present as squares. This impacts things like detail and flexibility.

Photo-Realism and Detail

Another key difference comes in terms of imbedded graphics and photo images, which is perhaps most commonly discussed in the context of web design. In most cases, the most commonly used graphics file formats are actually bitmap images — GIFs, JPGs, PICTs, and TIFFs are all good examples. In the web page context, vector images lack the consistency of bitmap images in terms of photo-realism. When trying to decide between image types for digital photos or photo-like images on a web page, the better choice for a more photo-realistic image is almost always the bitmap.

Vector images are commonly converted to bitmap format for use in web design. One of the most important exceptions to this rule applies to pictures that are attached to or imbedded in documents that are in portable document format (PDF). Most PDF files are actually made of vector images, and many of these will maintain their integrity and resolution when unconverted and used online.

Ad

Discuss this Article

anon74299
Post 17

I wish this discussion (article and comments thread) was dated! Useful info though very preliminary.

anon52785
Post 16

just try to compare them yourself. I think it's better that way anyway for me. it stops me copying and pasting!

anon52636
Post 15

i really think that this site features some great information about the differences between bitmap and vector but i think that it should've mentioned about what it can be used for.

by the way i think both - anon4994 and anon9953 also milagros are right on their thinking. i would say everyone has right to say what they want to say.

anon18750
Post 9

I like this site as it is helping me get a good grade. thanks Derby Lass

anon18484
Post 6

1. Vectors are more flexible because they can be resized from high res to low res _and_ vice versa without losing quality.

2. Bitmaps have to be a rectangle, but vectors don't -- vector images can contain curved lines or shapes like polygons.

3. Vectors contain individual objects whereas bitmaps contain pixels.

anon14936
Post 5

this helped with my college work, so thanks !

milagros
Post 3

To Anon4994 and Anon9953 - I respectfully disagree with your opinions. The article lists at least these three differences:

1. Vectors are more flexible because they can be resized from high res to low res _and_ vice versa without losing quality.

2. Bitmaps have to be a rectangle, but vectors don't -- vector images can contain curved lines or shapes like polygons.

3. Vectors contain individual objects whereas bitmaps contain pixels.

anon9953
Post 2

I agree with the last comment, this isn't helpful. There is nothing about the differences here!

anon4994
Post 1

i don't think this is very helpful because it doesn't say the difference between bitmap images and vector images.

Post your comments

Post Anonymously

Login

username
password
forgot password?

Register

username
password
confirm
email