Web Quality Image vs Print Quality Image
There are several differences between web and print quality images, the color settings, the image type, and the image resolution. The image resolution for print piece is much greater than the resolution of an image meant to be on a computer screen. This is due to the amount of detail that the two machines are able to output.

A print image should ideal be 300 pixels per inch, while a web image only needs to be 72 pixels per inch.

RGB vs CMYK
RGB (red, green, blue) is the spectrum of color used for web and multimedia design. This is due to the computer monitor's RGB emission. For web design the RGB format is readily converted to a HEX numerical code. A conversion table is below for HEX and RGB conversions.

When designing for a print piece, the files should be created in CMYK (cyan, magenta, yellow, black). These are the actual ink colors used on a 4 color press and produce more vibrant colors without converting from RGB which is a more limited spectrum of color.

Vector vs Bitmap
Bitmap graphics are images composed of small squares, called pixels, each of which contains specific color information. With the exception of Flash, bitmap images are the standard format for the web. Some bitmap file types are: jpg, gif, tiff, png, bmp, psd

Vector images are graphics created with mathematical equations that enable the image to be easily manipulated. These images can be resized without limits. The most common vector graphics are fonts, logos, and digital illustrations. Some vector file types are: ai, eps, ps, drw, svg