格栅图可以实现图片的清晰显示，但这也意味着如果要在各种设备上使用格栅图，就会增加大量不同规格的格栅图，以适应各种尺寸的设备。这也直接导致资源文件体积的增加，矢量图没有这个问题。本文将SVG代码编写与即时设计工具相结合，介绍SVG的基础知识。

什么是 SVG

SVG（Scalable Vector Graphics）它是一种图像文件格式，意思是可缩放矢量图形。它是基于XMLL的。（Extensible Markup Language），World Wide Web Consortium（W3C）该联盟正在开发中。它是一种开放的标准矢量图形语言，可以让你设计出令人兴奋、高分辨率、Web图形页面。

用户可以直接使用代码绘制图像，使用任何文本处理工具打开SVG格式图像，通过改变部分代码使图像具有交互功能，并可以随时插入HTML通过浏览器观看。