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

Question

我目前在我的一个网站上使用了一个重复的光栅图像模式，这个模式不是那么复杂，以至于它无法转换为矢量，但到目前为止还没有按比例放大HiDPI / Retina显示。

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

Answer 1

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

但我坚信矢量图形比缺点更有优势，所以请继续使用。