矢量背景图像vs栅格背景图像

Question

我目前在我的一个网站上使用了一种重复的栅格图像模式，它不是很复杂，不能转换为矢量，但还没有，在HiDPI/Retina显示器上被放大看起来不错。

我正在考虑将光栅图案转换为矢量，并将生成的.svg图像设置为背景，但我想知道在网站背景中使用矢量图像是否有任何缺点。

Answer 1

• 根据图像的复杂程度（过滤器，蒙版，渐变...），它可能会消耗更多的CPU来渲染图像;好处是越来越多的图形任务被发送到GPU，所以这不是一个大问题
• 不兼容旧版浏览器
• 浏览器支持并不完美，所以如果你使用复杂的功能，最终图像的外观可能存在差异

但是我坚信矢量图有比缺点更多的优点，所以去做吧。