Scalable Vector Graphics

To Understand Scalable Vector Graphics after having read about the Canvas tag in HTML5, let’s take a look at this tutorial.

An impressive SVG file I found here is embedded in this page. Take a look:

This Vector Graphic has over 800 lines and can be scaled without any loss of quality.

Find more cool SVGs here.

Another type of Vector Graphic file is the png (Portable Network Graphics) format. There are many sources of free png files (and SVGs), one can be found here.

This is an example of a png Vector graphic:

PNG Example

Try resizing this page or view it on a mobile devise to see how it keeps quality no matter the scale.

Here is a cool video that explains SVGs a little more in detail:

A wiki link that explains PNG format can be found here.