svg图标效率高还是css精灵效率高呢?

html-css014

svg图标效率高还是css精灵效率高呢?,第1张

svg图标?您是指字体图标式的 还是直接以svg代码嵌入页面中的。

如果是字体图标的话,效率是比图片要好得多。矢量的可以适应各种环境的改变

如果是页面插入的话 :一是减少页面的请求,sprite毕竟是要靠外部引用加载的图片会有服务器资源请求 svg嵌入css里就少了这请求。 缺点就是代码量会加大(css文件变大)。

效率的话 得看浏览器了,对于不支持svg的浏览器就不谈了。svg主要强项是绘图,比如统计图啊那些都是svg来生成的,效率挺高的,硬要是说谁效率更高,这个没可比性,因为图片也有很多格式。不同格式的图片浏览器解析消耗不同。在谷歌上 两者效率应该说微乎其微吧,而svg性能更佳

svg是可以在网页使用的矢量图像,可以用AI进行编辑和生成。

css3给svg加动画(改变尺寸、位置等)可以使用@keyframes和animation属性定义动画

不过svg本身就支持动画

参见:http://msdn.microsoft.com/zh-cn/library/gg193979