About SVG

Traditional image formats--GIF, JPEG, and PNG--are bitmap formats that describe images, using a grid of pixels. The resulting files tend to be bulky, limited to a single (often low) resolution, and consume large amounts of bandwidth on the Web. SVG, or Scalable Vector Graphics, on the other hand, is a vector format that describes images as shapes, paths, text, and filter effects. The resulting files are compact and provide high-quality graphics on the Web, in print, and even on resource-constrained, handheld devices. Users can magnify their view of an SVG image on-screen without sacrificing sharpness, detail, or clarity. In addition, SVG provides superior support for text and colors, which ensures that users will see images as they appear on your Illustrator artboard.

The SVG format is entirely XML-based and offers many advantages to developers and users alike. With SVG, you can use XML and JavaScript to create Web graphics that respond to user actions with sophisticated effects such as highlighting, tool tips, audio, and animation.