vector - 矢量背景图像与光栅背景图像

Question

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

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

Answer 1

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

但我坚信矢量图形的优点多于缺点，所以去吧。