Raster Images versus Vector Images
SignIndustry.com - The Online Magazine for the Sign Trade.
Home | Site Map | Buyer's Guide Search  
Event Calendar Article Archive Message Boards Classifieds Product Showcases News Advertise Search Join Now

CATEGORIES
  3-D Signs
  ADA
  Architectural
  Awnings &
  Flexible Face
  Banners
  Business Development
  CNC Routing
  Computer Technology
   Articles
   Product
   Showcase
   Message Board
   Tips & Tricks
  Digital Imaging
  Dynamic Digital
  Electric
  Estimating
  Finishing & Lams 
  Flatbed UV
  Garment Decoration
  Installation
  LED Displays
  LED Lighting
  Neon & LED
  Channel Letter
  Outdoor
  Painted Signs
  Screen Printing
  Sublimation
  Vinyl Signs
  Hot Shots
  Press Releases
  Tips & Tricks
  Industry Resources
  Books
  Event Calendar
  Associations
  Business Center
  Retail Sign Shops
  Advertising Info

Estimate Software- Printing software that helps you find the hidden treasure in your business.


Raster Images versus Vector Images

All electronic art images are divided into one of two core types, raster images (also know as 'bitmaps') and vector images. In a nutshell raster images are composed of connected dots and vectors are images composed of connected lines.

By Jay Busselle, Director of Business Development, Digital Art Solutions

These two formats are quite different from one another, yet they contrast and complement one another when used appropriately for the desired final output method.

RENOLIT Calendered Vinyl - Top performance for various applications

Check It Out!

  • Computer Articles
  • Industry Alert
  • Hot Shots Photo Gallery
  • Message Boards

    Visit Our Advertisers:

  • 3M Commercial Graphics
  • Advance Corp.- Braille Tac Div.
  • ArtCAM
  • CADlink Technology
  • Clarke Systems
  • Cyrious Software
  • Estimate Software
  • Sign Lighting Fixtures
  • International Sign Assoc.
  • JetUSA
  • American RENOLIT Corp
  • SGIA Specialty Graphics Imaging Assoc
  • Shanghai Intl Ad & Sign Expo
  • Supply 55, Inc.
  • USSC- Sign World Intl


  • Raster images are created through the process of scanning source artwork or "painting" with a photo editing or paint program such as Corel PhotoPAINT or Adobe PhotoShop. Vector images are created through the process of drawing with vector illustration programs such as CorelDRAW or Adobe Illustrator. The word "vector" is a synonym for line. Vector images can also be created through the process of conversion from a raster image by using a raster to vector conversion program such as CorelTRACE or EuroVECTOR. You'll need to have a fundamental understanding of raster images versus vector images to work successfully in any graphics package.

    Raster Images
    A raster image is a collection of dots called pixels. Each pixel is a tiny colored square. When an image is scanned, the image is converted to a collection of pixels called a raster image. Scanned graphics and web graphics (JPEG and GIF files) are the most common forms of raster images.

    Web graphics, including JPEG and GIF files, are always low-resolution raster images. For this reason, web graphics are always a poor choice for imprinting and editing. Production-ready clip art is an essential tool for creating high quality imprints.

    Resolution
    The resolution of a raster image or scanned image is expressed in terms of the dots per inch or dpi. A printer or scanner's resolution is also measured in dots per inch. Typical desktop laser printers print at 300 - 600 dpi. Image setters are capable of printing over 2,500 dpi. Printers with higher dpi ratings are capable of producing smoother and cleaner output. The output quality of a printing device is dependent upon the resolution (dpi) of a bitmap or scan. A 300 dpi raster image will output at the same quality on a 300 dpi laser printer as on a 2,500 dpi image setter.

    Take a 300 dpi bitmap and increase the size in a graphics program, and presto - you have created a bad case of the "jaggies". The only thing that happened is that the tiny pixel squares got bigger and created jaggy edges on your image. Decrease the size of your image and the squares get smaller. The image retains its original edge definition without producing "jaggies". In other words, raster images do not scale up very well. The quality of an imprint produced from a raster image is dependant upon the resolution (dpi) of the raster image, the capabilities of the printing technology and whether or not the image has been scaled up.

    Color
    With any scanned color image, a large number of colors will be required to render a raster image reproduction of the original source artwork accurately. If scanned at 24-bin color depth (16 million colors), most human eyes could not tell the difference between the original image and the scanned raster image. Now if you scan the same image using the palette of 256 colors, it would be impossible to accurately reproduce the original colors because you have a smaller color palette to choose from. To get around this, scanners use a process called dithering to approximate colors that don't occur in the current color palette.


    Dithering produces a distinct dotted pattern that approximates the original color in the image. Dithering will deteriorate the quality of the scanned raster image. Now take all this complexity of colors and try to change colors, and you can see the biggest disadvantage of editing and manipulating raster images. In order to change colors in a raster image you must be able to isolate a specific color or range of colors and tell your software to change the color. This can be quite a challenge for even experienced Corel PhotoPAINT or Adobe PhotoShop users.

    File Size
    In order to accurately reproduce a raster image file, your graphics software must keep track of a large amount of information, including the exact location and color of each pixel in the collection of pixels. This results in huge file sizes for raster graphics. Higher resolutions (dpi) and greater color depths, produce bigger file sizes. A typical 2" by 3" 150 dpi black and white raster image logo will be less than 70k (.07 megabytes) in file size. The same file saved as a 300 dpi 24-bit (millions of colors) raster image logo might be 100 times larger (over 7 megabytes). When creating and scanning raster images, file size becomes a real issue, as big files tend to make your computer processor and hard drive work overtime. Transferring big files (over 1 megabyte) over the Internet requires a high speed Internet connection on both ends for timely uploads and downloads.

    File Formats
    Common raster image formats include BMP (Windows Bitmap), PCX (Paintbrush), TIFF (Tag Interleave Format), JPEG (Joint Photographics Expert Group), GIF (Graphics Interchange Format) , PNG (Portable Network Graphic), PSD (Adobe PhotoShop) and CPT (Corel PhotoPAINT).

    -----> Continued below

    Clarke Systems- Slatz Capture was designed to meet the challenge of change.

    Vector Images
    A vector image is a collection of connected lines and curves that produce objects. When creating a vector image in a vector illustration program, node or drawing points are inserted and lines and curves connect notes together. This is the same principle as "connect the dots". Each node, line and curve is defined in the drawing by the graphics software by a mathematical description. Every aspect of a vector object is defined by math included node position, node location, line length and on down the line. Text objects are created by connecting nodes, lines and curves. Every letter in a font starts out as a vector object. Vector images are object-oriented while raster images are pixel oriented. A vector object will have a "wireframe" underneath the colors in the object. In a vector object, colors are like clothes over the top of a skeleton. CorelDRAW and Illustrator create text and objects using vectors that can be easily manipulated.

    Resolution
    Vector images are defined by math, not pixels. They can be scaled up or down without any loss of quality. When an illustration (drawing) program sizes a vector image up or down, it simply multiplies the mathematical description of the object by a scaling factor. For example a 1" square object would need to be multiplied by a factor of 2 in order to double in size. The math is simply recalculated to produce an object twice the size of the original. Because vector images scale up or down without the loss of image quality, they can be output at any resolution that a printer is capable of producing. Unlike raster images, quality is not limited by dots per inch or scanning resolution. This is a big reason that vector graphics are so popular for clip art.

    Color
    Since vector images are composed of objects not pixels, you can change the color of individual objects without worrying about individual pixels. Coloring vector objects is similar to coloring with crayons in a coloring book. A drawing program will enable a user to click inside an object and define its color. A drawing program will also enable a user to define the color and width of lines. Coloring vector images is much easier than coloring bitmaps.

    File Size
    Vector images do not need to keep track of each individual pixel in an image, only mathematical descriptions. For this reason vector files are very small in file size. Vector files are composed of long mathematical descriptions dictating every aspect of the graphic. A 2-inch by 4-inch vector based logo will be the same files size as a 2-foot by 4-foot logo. The file size is the same because the only difference in file is one number defining the size of the file. A raster image file would need to keep track of a whole bunch of additional pixels as the file increases in size. Most vector-based logos are going to be under 100k (.10 megabytes). For this reason, vector files are ideally suited for transfer over the Internet.

    File Formats
    Common vector formats include EPS (Encapsulated PostScript), WMF (Windows Metafile), AI (Adobe Illustrator), CDR (CorelDraw), DXF (AutoCAD), SVG (Scalable Vector Graphics) and PLT (Hewlett Packard Graphics Language Plot File)


    Outlines versus Contours
    In CorelDRAW you can create an outline around an object using the Outline Tool. This outline will be a raster element, as opposed to a vector line. If you want to create a vector line around an object you will have to use the Interactive Contour Tool. Outlines created with the Interactive Contour Tool will be visible as vector lines in the Wireframe view. Raster outlines will not be cut by a vinyl cutter unless they are converted into contour lines. See comparison below.



    Company
    Home
    Advertising Info
    About Us
    Contact Us
    Privacy Policy
    Site Map
    Resources
    Industry Resources
    Associations
    Retail Sign Shops
    Books
    Product Showcase
    Event Calendar
    Tips & Tricks
    Message Boards
    Classifieds
    Buyer's Guide Listings
    Search
    Add My Company
    Edit My Company

     

    Copyright 1999-2014, All Rights Reserved.