Skip to Content

Handbook

Vector Versus Bitmap

Handbook Log

Your CMS Education Station | Sep 1, 2011
A content management system (CMS) is a tool that allows non-technical persons to add to and update a site’s content. Using one, non...
Be Your Own Site Psitechiatrist | Aug 9, 2011
Is your website working? Just because the button is turned on, doesn’t mean it’s actually connecting to your audience. To be...
The Great Debate: Website vs. Facebook Page | Jan 22, 2011
“What’s more important, having a website or having a Facebook Page?” That’s like asking which parent you love...
OMG I C UR ROI 4 SEO & PPC SUX, LOL! The Language of New Media | Jan 10, 2011
We’re big fans of brevity, but its become a little ridiculous. So many acronyms and terms are out there that it can leave you...
CMYK Caught Spying For the RGB | Sep 7, 2010
CMYK – on press today. RGB – on screen for me.
A Moveable (Type) Feast | Sep 7, 2010
Depending on quantity, quality, budget and end-use application, there are many printing methods available for you to message the ...
Vector Versus Bitmap | Sep 7, 2010
Often, we will ask a client for their visual identity/logo as a vector eps. What is that? Vector images typically contain elements such...
Knowing Your Tif From Your Eps... | Sep 7, 2010
 Typically there are only five formats that you really need to worry about as a client. Each has a specific purpose and a specific...

Often, we will ask a client for their visual identity/logo as a vector eps. What is that? Vector images typically contain elements such as curves and shapes of various colours that are well-defined.These elements can either be pure graphics, western alphabets or Asian characters. Each element is defined mathematically by the computer. Here’s an example of a red, five-inch circle:

vector.png

Information about the location of the circle’s centre point, the length of its radius and its colour, red, would be the essential information for this image file. And that’s it. Imagine you went to IKEA and bought a graphic. Un-assembled, it comes in a smaller package and you use the instructions (!) to assemble it.

The real beauty of a vector file (and why we insist on it) is scalability. Since the information contained is mathematical, we can go up to any size:

vector-detail.png
vector-detail-1.png

The drawback of a vector is that it’s not very good at displaying photo-realistic images.

Common extensions include .eps, .ai (Adobe Illustrator), .cdr (Corel Draw) or .dwg (AutoCad).

OK, so what’s a bitmap then?
Bitmaps “dohn need no steenking math.” What you see is what you see. Bitmapped images are mapped into a grid, whose size is determined by the image’s resolution. A 2x2 inch bitmap with a resolution of 300 ppi (pixels per inch) would be set in a grid of 300 x 300 pixels. Think of a bitmap as an interesting image set in tile like a mosaic. Each tile (pixel) holds a specific colour to support the image.

bitmap.png

Great for photos, bitmap files are typically photo-realistic files that have lots going on in them. Like a tif file. BUT, they don’t scale all that well. At all. They are mapped to a non-flexible grid so when enlarged, they lose sharpness and the edges appear jagged:

 

Common extensions include .psd (PhotoShop), .jpg, .gif, .tif and .bmp (bitmap).