以往网页设计常见使用jpg、png、gif等图片档，但因为皆属位图模式，由于RWD(自适应网页设计)可以随着萤幕作放大缩小，所以若切成一般图片格式易造成模糊失真的问题，而SVG会是不错的解决方法。
SVG（Scalable Vector Graphics）是一种可缩放式向量图形，是W3C所制定的开放性网络标准之一，此图片格式能让网页设计师在网页中以向量格式呈现图片。可以在illusrator中画好向量图形，另存成SVG档，运用方式就跟一般用jpg、png、gif等图片档一样，但不同的是并不会因尺寸的改变而失真，日后欲修改时也可直接开启档案修改，相当方便，在网页设计领域中，SVG的使用已越来越普及。
另外，可直接用SVG标签绘制图形，以下介绍三个基本属性。
圆形：circle
线条：line