From the course: Designing Websites for Performance

Unlock this course with a free trial

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

Vector artwork

Vector artwork

- [Voiceover] When designing for performance, another area we look at in our artwork is vector art, or also saving as SVG. Whenever we can, we want to use vector content, which is shapes and, you know, different things that can be resized. The great thing about that vector is we can actually save it out as SVG, along with other formats and different things. But SVG has become really popular these days on the web. So what is SVG? SVG stands for scaleable vector graphics. It's a vector image format for the web, which essentially means it is vector, what you see, which is awesome. There's no plugin required. You can create this out of all kinds of programs, like Illustrator or Photoshop. It's got a relatively small file size, compared to, say JPEG or PING of the same type of image. That's essentially because it's XML code that we can also compress. It scales without losing quality, and this is what I wanna show you. In my browser, I've opened up just a simple SVG file, and if I go to the…

Contents