对于渐变，SVG与CSS使用的浏览器资源量是否有任何差异？

Question

我只是想知道在网站设计中使用大量渐变的最便宜的方法是什么。

Answer 1

我确信CSS对浏览器而言比SVG便宜，但如果没有测试，我无法证明这一点。我建议您使用CSS中的许多渐变创建页面，如果（如果），如果您尝试使用SVG或其他技术，则会发现性能有问题。

Answer 2

我会更倾向于CSS。看作是CODE而不是图像。

另外，如果你更倾向于使用CSS，为什么不通过CSS3pie使它在IE 8及以下版本中可见或可用？ http://css3pie.com/

Answer 3

这是一个有趣的问题。根据我的个人经验，使用svg时webkit速度更快，但我可能错了。

我创建了一个css过渡的测试小提琴，它们看起来大致相同，也许有经验丰富的人可以扩展压力案例：

http://jsfiddle.net/KLCEw/

请记住，SVG渐变最好通过data-uri嵌入，因此它们不会向服务器创建新请求。