SVG, or Scalable Vector Graphics, is an XML markup language for creating two-dimensional images using vectors. Unlike JPEG and PNG, SVG is not raster-based, and doesn’t use pixels.

This means SVG images can have an infinite level of detail, but when is the best time to use them? In this clip from the SVG Basics course at Treehouse, Nick Pettit explains SVGs, pixel density, and best practices for using SVG in your own web projects.