Welcome to some simple, bare-bones pages explaining a few of the major concepts you will need to know about images as you prepare yourself for web development work. There are only three pages, so please read them all!

Differences between Raster and Vector images:

  Raster Vector
Creation Little boxes of color called picture elements (pixels) Mathematical lines
Uses Photos Logos, line drawings
Scalable? No, making a raster image larger will reveal the pixels, look fuzzy Yes, can be made any size without sacrificing quality
File Size Tends to be larger Tends to be smaller
Software for creation, editing Adobe Photoshop, Corel Painter, Microsoft Paint. Free online: Lunapic, Picasa, others Adobe Illustrator, Adobe Flash, CorelDraw, Microsoft Expression Design, Microsoft Visio, others

Examples(Sophie the Cat)

 Sophie as a raster cat Sophie as a vector cat
 

Click on the button to the right for more crucial information about images.