HeroPatterns是一款产生重复网页背景线上工具，收集的样式都很符合当前网页设计潮流，允许自订前景、背景色及透明度，乍看之下好像跟一般图片产生器没有差异，但其实它是一款能产生重复背景SVG向量格式的制作工具。

　　有了这款工具的好处就是：不用下载任何档案，只要将CSS程式码加入网站即可轻松套用漂亮平铺式背景!如果对于SVG格式有些了解应该知道，SVG就是所谓的以程式码画图，也因此不用再下载额外图片档案，只要将产生的程式码加到自己网站CSS就能出现背景效果。

　　使用方法：开启HeroPatterns网站后，首页会出现许多重复图案的平铺式背景图(目前大约40种)，从上方切换不同的前景、背景色及透明度。HeroPatterns网站收录的图案都很简单，适合各种网站使用，尤其是觉得单色背景看起来太过单调时，HeroPatterns或许能带来意想不到的效果。

　　选择任一背景后，在SelectedPattern页面还能进行前景、背景色和透明度调整，网页会直接让你预览背景图案效果，没问题的话，复制上方产生的CSS程式码，将它加入网站CSS代码的适当位置就能快速套用此背景图案。

　　如果要做小细节的编辑调整，也可以从网站来下载产生的SVG图片，而不是CSS代码，点选右上角「DownloadunstyledSVG」就能下载图片到本地，这样就可以永久免费使用了。