Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vector 矢量背景图像与光栅背景图像_Vector_Svg_Background Image_Raster Graphics - Fatal编程技术网

Vector 矢量背景图像与光栅背景图像

Vector 矢量背景图像与光栅背景图像,vector,svg,background-image,raster-graphics,Vector,Svg,Background Image,Raster Graphics,我目前在我的一个网站上使用了一种光栅图像的重复模式,它并不复杂到无法转换为矢量,但到目前为止,还没有被放大到在HiDPI/Retina显示器上看起来像样 我正在考虑将光栅模式转换为矢量,并将生成的.svg图像设置为背景,但我想知道在网站背景中使用矢量图像是否有任何缺点。 根据图像的复杂性(过滤器、遮罩、渐变…),渲染图像可能会消耗更多的CPU;好的是越来越多的图形任务被发送到GPU,所以这不是一个大问题 与旧浏览器不兼容 浏览器支持还不完善,因此如果使用复杂的功能,最终图像的外观可能会有所不同

我目前在我的一个网站上使用了一种光栅图像的重复模式,它并不复杂到无法转换为矢量,但到目前为止,还没有被放大到在HiDPI/Retina显示器上看起来像样

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

  • 根据图像的复杂性(过滤器、遮罩、渐变…),渲染图像可能会消耗更多的CPU;好的是越来越多的图形任务被发送到GPU,所以这不是一个大问题
  • 与旧浏览器不兼容
  • 浏览器支持还不完善,因此如果使用复杂的功能,最终图像的外观可能会有所不同
但我坚信矢量图形的优点比缺点多得多,所以去做吧