Vector Graphics3:34 with Nick Pettit
Graphics that are composed of pixels are known as raster graphics. However, an SVG is a series of interconnected points called vectors. These points and lines form shapes that are automatically projected into the pixel grid of a computer screen. The end result is a graphic that has infinite resolution, regardless of how the image is resized.
Browser support for SVGs is generally good. However, there are a few issues to be aware of in Internet Explorer, particularly that SVGs are only supported in IE 9+. Read more about SVG browser support at caniuse.com.
SVG and Illustrator Files
Here are the SVG and Adobe Illustrator files used in this course. If you're using Workspaces with this course, there is no need to download these files; they are just listed here in case you prefer to use another text editor.
Free Vector Drawing Tool
If you're looking for an alternative to Adobe Illustrator, here is a free vector drawing tool that works in a web browser. You can go to File > Save Image to save the drawing as an SVG.
You need to sign up for Treehouse in order to download course files.Sign up