位图是由点构成的，而矢量图形则是由一些形状元素所构成，因此在放大后，位图的点就会越明显，看起来就像打了马赛克，但放大矢量图看到的仍然是形状，因此能够无级缩放，而不会导致图形失真。

在现在屏幕尺寸多元的情况下，如果要在网页、应用程序中使用背景图，使用 SVG 的图片文件格式，将会是个不错的解决方案，BGJar这个线上的应用程序准备了一些 SVG 模板，供使用者可自行调整模板的长宽、颜色、渐层的比例与方向，在完成调整后，不但可下载图片文件外亦提供原始代码、数据 URI 及 CSS 供用户来取用。

如何使用 BGJar 产生 SVG 图片文件？

1.使用浏览器进入BGJar网站，便可以选择所需模板，点击[Customize ]便可进入调整页面。

2.以 Word Map 模板为例，用户可自行调整长、宽、颜色辑要显示的地区及其颜色等。

3.颜色及渐层方向调整。

4.点击[ Add Active Area ]可以调整要显示的区域。

5.完成调整，点击[ Download ]可以下载 SVG 图片文件；按[ Get Code ]可取得使用语法。