Unlike other image formats, SVG can be an interactive part of your web site, integrated in HTML5 markup or created dynamically using JavaScript. It can be styled by CSS to instantly adapt to changes in your site's design. Flexible metadata options can make the graphics accessible to screen readers and search engines. And it is always displayed at the highest resolution possible, without requiring larger file sizes, making it ideal for both widescreen desktop displays and Retina mobile devices.

Using SVG with CSS3 and HTML5 starts with the basics, explaining how simple shapes...