Industry guru Dave Taylor answers free tech support questions about a wide variety of business and technical topics, including blogging, Google AdSense, MySpace, Sony PSP, Apple iPod, Mp3 players, management, Linux, SEO, Mac OS X, Facebook, Twitter, LinkedIn and Microsoft Windows.

What's the difference between a vector and bitmap graphic?

Recently I asked a friend if I could have a copy of a cartoon graphic on his site. He asked me if I wanted it in "vector or bitmap format". I thought the formats were things like .gif and .jpg. What do "vector" and "bitmap" mean?


Dave's Answer:

It can be broken down like this: A vector format image is a drawing. A bitmap format image is a photo.

How does that work out? Well, when you draw, what do you do? You draw lines, make them different thicknesses, and then color them in. But when you shoot a photo, you expose a piece of film to light, and millions of tiny grains on the film register the light, creating a grid of dots that are so close together, it looks like a photo instead of a bunch of dots.

Formats like .gif and .jpg are bitmap formats. That means that they're basically using different organizing and compressing methods to store a grid of colored dots. But vector formats like .svg and .wmf are storing sets of instructions on how to draw the picture again ("draw a blue line here, draw a red circle there").

There are advantages to each. Vector formats can generally be stretched to various sizes without losing quality, but they're terrible for photos because even a small 100 x 100 thumbnail photo has 10,000 dots in it. If you tried to define each dot as a colored circle or square, you'd get a really huge file that took forever to turn from that set of instructions back into a picture.

Bitmap formats are really easy to use for photos and are fast to display because your monitor is already just a grid of colored dots, so to display them, you're just changing the color of the dots that are already there. But if you try to stretch a bitmap, you just make all those dots in the photo bigger than the dots on your screen and the photos get fuzzy and blotchy.

If you're going to use a vector image on a web site, you generally need to convert it to a bitmap image, because web browsers handle bitmap images much better. On the other hand, you have a lot more freedom in terms of the final size of that image, because you're starting from something that's easier to stretch.

So in short:

Vector Format: Great for drawings, bad for photos, bad for the web, easy to stretch, easy to convert to bitmap.

Bitmap Format: Okay for drawings, great for photos, best for the web, hard to stretch, hard to convert to vector.

Thanks to Greg Bulmash who offers lots of clip art for his help with this entry.



Help others find this article at Del.icio.us, Digg, Netscape, Reddit, and Simpy.

Subscribe!

Never miss another useful Q&A article again! Subscribe to AskDaveTaylor with Google Reader.

Comments
Rather amazingly, there are no comments on this article yet.

I have a lot to say, but ...
Starbucks coffee cup I have a lot to say, and questions of my own for that matter, but most of all I'd like to say thank you for all your efforts on this Web site by buying you a chai!

I do have a comment, now that you mention it!









Remember personal info?


Please note that I will never send you any unsolicited commercial email. Ever.

While I'm at it, please note that by submitting a question or comment you're agreeing to my terms of service, which are: you relinquish any subsequent rights of ownership to your material by submitting it on this site.









Uniblue: Free Virus Scan

Search
Find just the answers you seek from among our 1700+ free tech support articles by using our Lijit search engine.


Help!





Subscribe to
Ask Dave Taylor!

Add to Google Reader
Add to My Yahoo!
Subscribe in NewsGator Online

RDF   XML

Free Updates!
Sign up and get free weekly updates and special offers on books, seminars, workshops and more.


Recent Entries
Join the List!
Join my author info mailing list, where you'll learn about my upcoming books, speaking gigs, and more!


Book Links
© 2002 - 2008 by Dave Taylor. All Rights Reserved.

Note: This web site is for the purpose of disseminating information for educational purposes, free of charge, for the benefit of all visitors. We take great care to provide quality information. However, we do not guarantee, and accept no legal liability whatsoever arising from or connected to, the accuracy, reliability, currency or completeness of any material contained on this web site or on any linked site.

[whiteboard marker tray]