Also, when would you use one vs the other?
Vector graphics are graphics in which the image is represented in a mathematical fashion. What this allows one to do is to zoom in an image to infinite precision. They are ideal for situations in which an image might be used at various resolutions and dimensions.
Raster graphics are of a fixed dimension, somewhat like a grid pattern with specified values at each point. These graphics are the default for things from the real world (IE, scanned images, photographs, etc). They are ideal for use when an image will only be used once, and will never need to be enlarged, or if portions are coming from a photograph or other real-world image.
@Pearsonartphoto already puts it nicely. In an effort to find the shortest possible definition that is still correct:
NOTES: Inkscape would be an example of a Vector Graphics editor, while GIMP/Photoshop/Paint.NET/etc are suited to editing raster images.
Ever notice that as you zoom into an image, the quality gets lower? That's a raster image. A raster image is like the one your digital camera takes. They are usually in the formats JPG (lossy), GIF (lossless), PNG (my favorite; lossless), and many others.
This is a Raster Graphics editor in action:
Meanwhile, vector images are in the format of SVG, and some others. Their applications are not usually for everyday use. (Ordinary people don't use vector graphics.) You can't upload .svg files, normally, and not everyone has an editor (even though Inkscape is free).
They're based on the mathematical idea of vectors:
Vector graphics can do more than just lines, though. They can draw other "primitives" like squares, circles, curves.
Here's an image that explains the difference best: http://en.wikipedia.org/wiki/File:VectorBitmapExample.svg
Notice I couldn't upload because it was in .svg (vector) format. You CAN convert it to a raster, though, but I was too lazy.
Raster images are just grids of pixels, like what comes out of a digital camera or a scanner. The file doesn't know what those pixels mean, just what colour they are. Web images and digital paintings are usually raster too (but not always). Adobe Photoshop, GIMP, Krita, Corel Photopaint and Pixelmator are primarily raster (they have a few very basic vector tools too, but the images they create are raster).
Vector images are made of separate shapes, lines, paths etc. They're more flexible as each shape is separate and you can scale up and down as much as you like, but it's harder to make the images look natural. Adobe Illustrator, Inkscape, Sketch and Corel Draw are primarily vector (although some have a few tools that add raster effects).
In general, if you can use vector, it's a good idea to. It'll be more flexible for scaling and you won't have to worry about the resolution being high enough for print - vector images have infinite resolution.
It's common to work with a mix of the two e.g. where you have a photo and other elements.
protected by Matt♦ May 22 at 15:17
Thank you for your interest in this question. Because it has attracted low-quality answers, posting an answer now requires 10 reputation on this site.
Would you like to answer one of these unanswered questions instead?