From the course: Making Your Site Retina-Ready

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Understanding SVG

Understanding SVG

From the course: Making Your Site Retina-Ready

Start my 1-month free trial Buy for my team

Understanding SVG

“

- SVG, or Scalable Vector Graphics, is a two-dimensional vector format made of XML. Now oddly enough, SVG came into being just years ago, but only was later supported by browsers. Today SVG is used for everything from like logos, to icons, to animated content because it can be controlled by CSS. It is vector on the web, which means it's crisp and beautiful, can have animation controlled by scripting, like JavaScript. It's perfect for Hi DPI devices since it's vector, scalable, and just works in all the browsers we care about. I have the website open here, hidpi.brianwoodtraining.com, and I went to the SVG page and you can see that I've got some examples of images here. Now just to give you a little bit of history, a little more history, I should say, on SVG, I want you to take a look, if you want, at this website called evolutionoftheweb.com, and it talks about where things have come in as far as browsers and technologies and you're gonna see SVG right here, kind of interesting, it…

Contents