如果是字体图标的话,效率是比图片要好得多。矢量的可以适应各种环境的改变
如果是页面插入的话 :一是减少页面的请求,sprite毕竟是要靠外部引用加载的图片会有服务器资源请求 svg嵌入css里就少了这请求。 缺点就是代码量会加大(css文件变大)。
效率的话 得看浏览器了,对于不支持svg的浏览器就不谈了。svg主要强项是绘图,比如统计图啊那些都是svg来生成的,效率挺高的,硬要是说谁效率更高,这个没可比性,因为图片也有很多格式。不同格式的图片浏览器解析消耗不同。在谷歌上 两者效率应该说微乎其微吧,而svg性能更佳
svg是可以在网页使用的矢量图像,可以用AI进行编辑和生成。css3给svg加动画(改变尺寸、位置等)可以使用@keyframes和animation属性定义动画
不过svg本身就支持动画
参见:http://msdn.microsoft.com/zh-cn/library/gg193979