TUCOWS ARTICLE

Digital Imaging Part 1 - The Differences in Raster and Vector Images

This is a series in which we'll explore image file types, compression, resolution, printing tips, and other interesting things you might not have known about digital imaging. This article is about the differences between raster and vector images.
Published: Apr 24, 2006
Author: Stacy Reed
Software that can help Good for Cow Rating
ScanMaster 1.1
Demo
Download Convert raster files to vector files with ScanMaster.
MagicTracer [raster to vector converter] 2.0.005
Demo
Download Raster-to-vector conversion program that produces auto-tracing results for logos, tech...
CorelDRAW Graphics Suite X5
Shareware
Download CorelDRAW Graphics Suite X5 is a versatile graphic design software suite that helps you...
Pro Grapher 1.6.0.0
Shareware
Download This is a vector graphics platform that can be used by other applications to process...
Vextractor 4.80
Shareware
Download Vextractor is a vectorizer program for transforming raster images to vector formats by...
Adobe Illustrator CS 5.5
Demo
Download This vector based illustrator supports Flash and SVG exportation, transparencies,...
Adobe Photoshop Extended CS6
Demo
Download Adobe Photoshop CS6 Extended software delivers even more imaging magic, new creative...
IrfanView 4.38
Freeware
Download This free image viewer and converter supports an extensive list of formats.
Ulead PhotoImpact X3
Shareware
Download Ulead PhotoImpact X3 is a complete image-editing suite.
VCW VicMan's Photo Editor 8.1
Freeware
Download Now with all PRO features. With this free easy-to-use image editor, you can turn your...
Corel Paint Shop Pro Photo X4
Shareware
Download Corel PaintShop Photo Pro gives you the power to easily organize, edit and share...
GIMP for Windows 2.7.5
GPL
Download GIMP is an acronym for GNU Image Manipulation Program.
WebDwarf Web Page Maker 2.91L
Freeware
Download WebDwarf Free Web Page Maker is Virtual Mechanics' easy to use drag-and-drop tool.

To anyone just starting out, the huge list of image file types can seem a bit daunting. Understanding the differences in file formats is vital to printing, storing, and sharing your images online. This is a series in which we'll explore image file types, compression, resolution, printing tips, and other interesting things you might not have known about digital imaging. In today's article, I'll address the differences between raster and vector images and show you some software that can help make digital imaging fun for all ages.

Raster (bitmap) images are comprised of pixels. When the computer saves a raster image, in essence, it applies a grid to the image and assigns data to all of the squares in the grid based on their color and location. These squares are called pixels. On the other hand, vector image data is recorded mathematically in terms of geometric shapes, points and lines called primitives. Generally, you will find that vector image files are smaller because they only have to store all those coordinates whereas raster images need to record data for every pixel. However, you'll probably find yourself working more with raster images because they are easier to manipulate, and can record data of photos with more accuracy than vector can, capturing subtle shifts in hues and values. Some popular raster file types you are sure to come across are JPG, GIF, BMP, TIFF and PNG.

Common Raster Editing Applications:

As you can see in the image above, raster images save type as squares, which can cause straight lines to look jagged or fuzzy. The vector image shows the type as flowing lines and points. It's important to note that when I make the raster image larger, the pixels become larger and the text looks worse. Raster images, though they can easily be made smaller, cannot be enlarged without losing quality. This is because the computer recognizes that it must fill a certain amount of empty space so it borrows data from neighboring pixels to fill it. This results in the image looking very blocky or "pixelated". However, when the vector image is enlarged, there isn't any distortion. You can make a vector image as large or as small as you like without ever losing the integrity of the image. They are very easy to edit since each object in the image can be selected and treated individually. Some popular vector file types are AI, SVG, FH, EPS, and WMF.

Common Vector Editing Applications:

Presently, with the exception of Scalable Vector Graphics, one cannot host a vector file within an HTML page. Luckily, you can easily convert a vector image to raster so that it may be used on the Web using the same programs you use for editing. You will be prompted to specify the size of your image and the resolution during the rasterizing process. If the image is to be printed, your raster image should have a resolution of aproximately 300 dpi (dots per inch) so that the human eye cannot see the pixels on the page. If the image is intended for the Web, 72 dpi is plenty large enough since most monitors display at 72 dpi.

While vector images can easily be converted to raster, it is not so easy to convert raster images to vector. There are some programs on the market now that claim they can, however they don't always produce the best results. Technology is always changing for the better though, so if you are interested in this process, you might want to take a look at these applications:

File size, compatibility and most importantly aesthetics should always be considered whenever you are trying to decide which file format you should go with. Take into consideration what the end product is intended for and you can't go wrong. In part 2, we'll discuss ways to compress your digital image files and I'll talk about the differences between lossy and lossless image formats. If you have any suggestions or links to similar programs of interest, I'd love to discuss them with you! Visit the forums by clicking Discuss This Article below.


About Stacy Reed

Stacy Reed is Tucows' resident software librarian and editor. She has been reviewing PC and mobile software as well as web services for over a decade. Helping developers improve and promote their products is only one of her areas of expertise. Stacy is also an advocate for Open Source, Creative Commons and freeware, taking special interest in educational resources, social media, cloud sharing, and mobile technology.

Digg This
Please login to add your comment
Leave A Comment
Name: