网页上的大图标是使用SVG直接贴代码好，还是放导出图片好

Question

svg

优点体积小，一段小小代码就高保真
但据说渲染速度比图片慢，吃硬件

png, jpg

众所周知大多数都在用他
不过为了对抗Retina需要再做一个 @2x 的规格

我该如何选择？

附：我这里所说的是多色彩，稍微有点复杂的SVG

Answer 1

关于svg，iconfont的问题，可以参考淘宝前端团队的这篇文章
https://github.com/amfe/article/issues/2

Answer 2

既然可以做成svg 为什么不干脆做成iconfont？

Answer 3

看你受众群体的设备支持情况吧
如果都是 IE6 的 PC，就不用考虑 SVG 了
如果是 iPhone、iPad，强烈建议开始使用 SVG
特备是 SVG 还支持动画，移动端性能极佳

Answer 4

这要视网页的用户群体

用户多数使用低版本浏览器（如IE6、IE8）的：不推荐使用SVG；

少量用户使用低版本浏览器的：可考虑使用SVG

毕竟对大图标来说，SVG的数据量要比PNG要小很多，渲染速度问题个人认为可以忽略，现在的设备不是当年的功能机，适应这种程度的渲染应该是没问题的