Raster Vs Vector
Raster Vs Vector
There are two main type of image files: Raster and Vector. Raster images are created
with pixel-based programs or captured with a camera or scanner. They are more
common in general such as jpg, gif, png, and are widely used on the web. Vector
graphics are created with vector software and are common for images that will be
applied onto a physical product. Also used in CAD, engineering, and 3D graphics which
we do not provide information nor services for.
When using a raster program you paint an image and it's similar to dipping a brush in
paint and painting. You can blend colors to soften the transition from one color to
another.
When using a vector program you draw the outline of shapes: and it's similar to
creating an image with tiles of all different shapes and sizes. e.g. an eye shape, a nose
shape, a lip shape. These shapes called objects display one single color each.
A lot of images can be made with either raster or vector program and look exactly the
same on both programs. Images with a subtle gradation of one color to another are the
images that will look most different since vector programs need to create a separate
shape for each shade of color.
Some vector programs do have the ability to create color gradients within one single
shape, but these are actually raster effects. A vector graphic with gradients contains
both vector and raster elements and won't be suitable for process that requires 100%
vector or true vector art.
Photographs are raster images and are probably the best example of images
completely made of color blends - or shade blends in the case of black and white
photographs - and those images look very different when drawn in vector format. Click
here for examples.
Pixels vs Vectors
Raster images are made of pixels. A pixel is a single point or the smallest single
element in a display device. If you zoom in to a raster image you may start to see a lot
of little tiny squares.
Vector images are mathematical calculations from one point to another that form lines
and shapes. If you zoom into a vector graphic it will always look the same.
A raster image has a specific number of pixels. When you enlarge the image file without
changing the number of pixels, the image will look blurry. When you enlarge the file by
adding more pixels, the pixels are added randomly throughout the image, rarely
producing good results.
When you enlarge a vector graphic, the math formulas stay the same, rendering the
same visual graphic no matter the size. Vector graphics can be scaled to any size
without losing quality.
Vector Graphics
Vector graphics are scalable
Because vector graphics are not composed of pixels they are resolution-independent.
The vector shapes - also called objects - can be scaled and printed at any size without
losing quality. It can be printed as large and at the highest resolution the printer or the
output device allows.
3. Vector "line art". This is 100% vector art; NO COLOR BLENDS. The outline/wire-
frame is acceptable for all processes.
Raster images' dimensions are measured in pixels. Because raster images cannot be
enlarged without losing quality, printers require that you provide them with files at the
correct size: 1 the dimension you want to print your image at, and 2. the pixel resolution
for that particular project. The pixel resolution is the amount of pixels within each inch
called ppi (pixels per inch).
How large a raster image can be printed - and maintain quality - depends on 2 things:
1. the pixel dimension of the image (e.g. 6824 pixels wide by 2345 pixels high)
2. the pixel resolution: pixels-per-inch (ppi), how many pixels per inch are required
by the particular printer
Once the image is created at a certain dimension, you may not be able to use this
image at a larger size without losing quality. When you manually increase the resolution
with a program like Photoshop, Photoshop randomly adds pixels and the result will most
likely be a high resolution image of poor quality.
If image is 1024 pixels wide & printer requires 300 ppi (1024 ÷ 300) = image can be
printed at 3.413" wide.
Ideally a company that has a logo design with photographic elements, also has a
secondary simplified version of their logo in vector format that can be used for those
specialty items that require vector art such as plotters, engravers, vinyl-cut signs,
promotional specialty items (cups, pens, bottles with company logo) Sample below:
Raster & Vector Summary
Raster (Bitmap)
• Pixel-based
• Raster programs best for editing photos and creating continuous tone images with soft
color blends
• Do not scale up optimally - Image must be created/scanned at the desired usage size
or larger
• It is more difficult to print raster images using a limited amount of spot colors
• Raster images are the most common image format, including: jpg, gif, png, tif, bmp,
psd, eps and pdfs originating from raster programs
• Common raster programs: photo editing / paint programs such as Photoshop & Paint
Shop, GIMP (free)
Vector
• Shapes based on mathematical calculations
• Vector programs best for creating logos, drawings and illustrations, technical drawings.
For images that will be applied to physical products.
• Vector art can be used for many processes and easily rasterized to be used for all
processes
• It is not the best format for continuous tone images with blends of color or to edit
photographs
• Common vector graphic file format: ai, cdr, svg, and eps & pdfs originating from vector
programs
DPI vs PPI
DPI - Dots per Inch
This is the amount of ink dots the printer will put on each pixel of your image. The DPI is
set by the actual printer device and it is not something in the image for the graphic
designer to manipulate.
All the images on this website have been rasterized for web display.