|<- [[Icon Fonts]]|[[Strategy Quiz 1]] ->|

reduce http requests

====== Inlining images with SVG and data URIs ======

Examples:

  * [[http://udacity.github.io/responsive-images/examples/2-11/svgDataUri|SVG Data URI in HTML]]
  * [[http://udacity.github.io/responsive-images/examples/2-11/svgDataUriCss|SVG Data URI in CSS]]
  * [[http://udacity.github.io/responsive-images/examples/2-11/svgTextOnAPath|SVG text on a path]]
  * [[http://udacity.github.io/responsive-images/examples/2-11/svgUnoptimisedAndOptimised|SVG optimized and unoptimized]]


----

[[http://caniuse.com/#feat=svg-html5|Browser support for inline SVG]]

[[http://caniuse.com/datauri|Browser support for Data URIs]]

[[http://petercollingridge.appspot.com/svg-optimiser|SVG Optimiser]]

[[http://upload.wikimedia.org/wikipedia/commons/6/6c/Trajans-Column-lower-animated.svg|Trajan’s Column SVG example]]

[[http://www.creativebloq.com/design/examples-svg-7112785|20 examples of SVG that will make your jaw drop]]

[[http://codepen.io/chrisgannon/|SVG animation examples]]