SVG 是用于描述矢量图像的语言，它基于 XML。它基本上是像 HTML 一样的标记，只是它提供了许多不同的元素来定义要显示在图像中的形状，以及要应用于这些形状的效果。SVG 用于标记图形，而不是内容。SVG 定义了一些用于创建基本图形的元素，如 和 ，此外 SVG 还提供了一些复杂一些的元素如 和 。更高级的 SVG 特性包括 （使用变换矩阵转换颜色）、（矢量图形的动画部分）和 （在图像上层应用蒙版）

以下是一个简单的示例，在示例中我们创建一个圆和一个矩形：

这将创建以下输出：

从上面的例子可以看出，SVG 很容易手工编码。是的，你可以在文本编辑器中手动编写简单的 SVG，但是随着图像复杂度提升，手动编码很快就开始变得非常困难。为了创建 SVG 图像，大多数人使用矢量图形编辑器，如 Inkscape 或 Illustrator。借助这些软件包，你可以使用各种图形工具创建插图，也可以创建近似照片的矢量图（例如 Inkscape 的跟踪位图功能）。

SVG 除了前面描述的以外还有其他优点：

那么为什么会有人想使用位图而不是 SVG？好吧，其实 SVG 也有一些缺点：

由于上述原因，像照片那样复杂精密的图像更适合使用位图。

备注： 在 Inkscape 中，可以将文件保存为纯 SVG 以节省空间。另请参阅如何为 Web 准备 SVG。