Web Design Tutorials osCommerce Template Tutorials
New osCommerce Templates osCommerce Specials osCommerce Forums Search Our Site Contact Us Resources Web Design Tutorials
Web Designers Library- Tutorials and Articles
Tutorial Search
  Advanced Search
 
Tutorial Menu
 
 Video Tutorials
  · Dreamweaver
  · osCommerce
  · Installations
 
 Photoshop
  · Tutorials
  Photoshop Basics
  Special Effects
  Text Effects
  3D Effects
  Textures & Patterns
  Web Layout
  Drawing Techniques
  Color Management
  Photo Editing
  ImageReady Animation
  Miscellaneous
  · Articles
 
 Web Design Basics
  · Design Principles
  · Website Usability
  · Color Theory
  · Templates & Tuning
 
 osCommerce
  · osCommerce Knowledgebase
  Catalog Area
  Installation and Upgrades
  Administration Tool
  General Information
  Developers Section
What's New
Latest Tutorials and Articles
Video Tutorials
osCommerce Tutorials
Template installation with cPanel and Ipswitch
Photoshop
Photoshop CS3: Output Sharpening
Change Color on an Object
Sunlight Effect
Autumn Effect
Eyes in Green Pea Pod
Web Design Basics
A To Z About RSS
Elements of Great Websites
The Next Generation Website Model
Why Use a Web Design Template?
Web Site Templates and Their Benefits
osCommerce
SSL - This page contains secure and non secure items
Post-Installation
Security - .htaccess
SSL - This page contains secure and non secure items
Tax Proposal
Photoshop : Articles Last Updated: Apr 15th, 2008 - 18:38:37


Computer Graphics: They're Not All The Same
Author: Mandar
Authors Website: www.webpronews.com
Sep 12, 2006, 12:04

Email this article
 Printer friendly page

Graphic images on your computer come in two different forms, raster images and vector images. Raster images are made by programs such as Photoshop and Corel Photopaint.

Vector images are produced by Adobe Illustrator, Freehand, and CorelDraw. While the results from these different programs can look similar, the ways in which they are made are very different.

Raster images are made up of millions of individual squares, or pixels, of various colors. The more pixels you have, the better the image will look. The number of pixels, or resolution, is usually expressed in dots per inch (dpi). Images on the Web are shown at 72 dpi. A high-resolution image would run 300 dpi or higher. Some types of printing can get into the 1600 dpi range. Much like a mosaic, a raster image can look smooth from a distance but as you zoom in closer you can see the individual pixels.

A vector image is drawn from mathematical formulas for lines and curves and is redrawn each time you zoom in for a closer look. The quality of the image stays the same regardless of the level of magnification. Vector files, since they are formulas instead of information on millions of individual pixels, tend to use less memory than raster files.

The edge of a circle, rendered as a raster image, may look smooth initially, but eventually as you zoom in you will see a jagged stairstep edge of the individual square pixels that make up the image. A lower resolution image will look jagged or pixellated much sooner than a high resolution image. A circle's edge in vector form will always be smooth no matter how close you zoom in since it is recalculated each time you change the view.

Raster based programs are best at working with photo-realistic images and make subtle (or bold) changes in color, shadow and texture. Vector based programs excel at easy control of edges and tend to produce a more graphic style of art. Regardless of the type of image, higher resolution is always better for producing a good result. While your image may be vector or raster, or even a combination of the two, the Art Staff at ExpertShirt.com will work hard to translate it into the best textile printing possible.




Top of Page

 
Level Ten Hosting