The Difference Between Vector and Raster Graphics

There are two types of computer graphics: vector and raster. The difference between vector and raster graphics is that vector graphics are composed of paths, while raster graphics are composed of pixels. Raster graphics are also called bitmap images.

Vector Graphics

Vector graphics use mathematical relationships between points, lines, curves, and shapes to represent an image. Since vector graphics are not made of pixels, images can be scaled to very large sizes without losing quality. The two popular file extensions for vectors are EPS and AI. Adobe Illustrator is the most commonly used program for creating and editing vector files.

Format advantages include:

  • Endless scalability
  • Smooth curves
  • Small file sizes

Raster (Bitmap) Images

A raster (bitmap) image uses a rectangular grid of individual pixels where each pixel can be a different color. Since raster graphics are made of pixels, images become blocky or pixelated when enlarged. The three popular file extensions for rasters are JPG, GIF and TIF. Adobe Photoshop is the most commonly used program for creating and editing raster files.

Format advantages inculde:

  • Smooth gradients
  • Internet compliant

Vector vs Raster

Did you find this tutorial helpful? Was there anything left out?


Share    

Comments 

 
#1 Pedro 2010-02-27 19:32
I dont know much about image editing and all this stuff. This little article is perfect! Thanks!
 
 
#2 Tom - Airopia 2010-02-28 10:27
Glad to help
 
 
#3 Grapher 2010-05-19 11:08
I’m a bit used with Photoshop but I’ve never used illustrator, nice to know the difference Thanks.
 
 
#4 Color Experts 2010-07-30 21:58
excellent work! it was really helpful :)
 

Add comment

Security code
Refresh

Get Connected

About Airopia

Airopia is a free design resources platform focusing primarily on web and graphic design practices. Here you will find premium graphics, fonts, inspiration, templates and tutorials.