SVG 可缩放矢量图形（Scalable Vector Graphics），顾名思义就是一个遵循 XML 语法来定义的矢量图，跟传统的图片格式相比，它可以通过文本编辑器来操作，而且体积更小更容易压缩，还可以写进一个文件里来减少网络请求，同时继承了矢量图的一贯特点可以无损的进行缩放操作，这一点对于当今这种 需要适应各种屏幕尺寸和分辨率的情况尤为重要。

虽然可以用文本方式来定义 SVG，可如果只能这么搞的话估计就没人用了，SVG 最佳的编辑方式还是通过各种开发工具提供的可视化编辑器来操作，以及一些开源项目，比如：

Method Draw

现在大多数网上的 SVG 在线编辑器都使用的这个项目，其最大的优点是简洁实用，常用功能都有，只要玩过PS之类的软件，看一眼就会用。

SVG Edit

Method Draw 作者提到如果希望有更多功能可以试试 SVG Edit，与 Method Draw 相比多了图层等一些更细致的功能。

也可以选择直接用像素图片转 SVG，但是有一个问题就是 图片会直接转成编码格式插入 SVG，这样的文件会比较大，而且也很难通过文本的方式来查看或操作。这种做法有点强行使用 SVG 的感觉，总觉得不太合适。

像素图片和 SVG 在使用上并不冲突，如果是希望把图片当成网页元素的一部分，比如图标或者一些细节装饰，那就用 SVG。如果是当做媒体文件或者是输出内容的一部分还是应该使用普通的图片格式。