One of the most useful things about SVG is that it’s resolution independent, meaning that you don’t need to think about how many pixels you have on your device, the result will always scale and be optimized by the browser to look great. SVG is a great way to present vector based line drawings and is a great complement to bitmaps, the latter being better suited for continuous tone images. We all know responsive design is a big part of handling varying screen sizes, and SVG is ideal for handling different size screens with ease. A great way to achieve vector drawing is through the use of Scalable Vector Graphics (SVG) which is a key part of HTML5.

Many people think of canvas as the only way to draw a mixture of vectors and rasters on the web, but there are alternatives that have some advantages.

Vector graphics are a great way to deliver stunning visual results using minimal bandwidth. Creating mobile content that dazzles means balancing the amount of data downloaded against maximal visual impact.

Open source vector art