SVG: Scalable Vector Graphics

SVG Graphics are a great way to retain crisp graphics with a small file size.

Here is an example of how vector graphics are generated:

As shown in the animation above, a mathematical arc or ray is created from the relationship between the Anchor Point and it’s Control Points. The result is generally small file sizes with nice crisp edge images.

For example, the image below shows an SVG graphic. Zoom in or out by resizing the browser window to show how the image will look at different sizes. This method of image creation can be used for websites and print publications.

Additionally, due to the lack of ties to individual pixels, SVG’s can be used for larger applications such as vehicle graphics or signage.