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

大哥大姐们有没有人讲详细点的,我想问一下,svg图标效率高还是css精灵效率高呢?
最新回答
青山一叙

2024-09-15 05:28:29

svg图标?您是指字体图标式的 还是直接以svg代码嵌入页面中的。
如果是字体图标的话,效率是比图片要好得多。矢量的可以适应各种环境的改变
如果是页面插入的话 :一是减少页面的请求,sprite毕竟是要靠外部引用加载的图片会有服务器资源请求 svg嵌入css里就少了这请求。 缺点就是代码量会加大(css文件变大)。
效率的话 得看浏览器了,对于不支持svg的浏览器就不谈了。svg主要强项是绘图,比如统计图啊那些都是svg来生成的,效率挺高的,硬要是说谁效率更高,这个没可比性,因为图片也有很多格式。不同格式的图片浏览器解析消耗不同。在谷歌上 两者效率应该说微乎其微吧,而svg性能更佳