Vector Graphics

Definition:

Vector graphics is the use of polygons to represent images in Computer Graphics.

Comparision b/w vector and raster graphics:

Vector Graphics Raster Graphics
Composed of paths. Composed if pixels.
Data file contains the points where the path start and end. Data file contains pixels info.
Images can be scaled to very large without losing the quality. Images become blocky and jagged when zoomed in size.
Best for logos and other design drawing. Best for complex image storage in photography.
File extensions are .AI, .EPS, .SVG, .DRW File extensions are .jpeg, .png, .gif etc

Advantages:

  • Data can be easily scaled to be very large without loosing quality.
  • Smaller in size than raster image format.
  • Data can be represented in original resolution.
  • Graphical output of the images are more pleasing than raster image.

Disadvantages:

  • Not suitable for complex image storage.
  • Time consuming and needs specif talent to create it.
  • Not as cost effective as raster image.

Uses:

  • Useful in engineering drawing and construction and design diagrams.
  • Useful for logos and printed works.

Know the difference Raster vs Vector:

Open paint create a simple file which will be in .png extension:

Save it as .png file:

Now open Inkscape and create a simple file which will be  in .svg format:

Save it as .svg format:

Open it in their respective editors or on web:
A raster image on zooming looks like:
A vector image on zooming looks like:

How to convert raster to vector using Inkscape:

Open Inkscape click on file then click on open and select a file in .png format to be converted.

Click on path and choose trace bitmap option.

Choose the area you want to trace and click ok.

Drag traced area and drop it.

Click on previous image and delete it.

Click on file select save as and save it with .svg extension.

Open it on web to view, zoom it and  know the difference.

image is jagged in .png format
image is clean and smooth in .svg format

Conclusion:

Vector graphics are ideal for logos and others which can be small enough to appear on a business card, but can also be scaled to fill a billboard.

Notes:





Previous
Next Post »