svg图标?您是指字体图标式的 还是直接以svg代码嵌入页面中的。
如果是字体图标的话,效率是比要好得多。矢量的可以适应各种环境的改变
如果是页面插入的话 :一是减少页面的请求,sprite毕竟是要靠外部引用加载的会有服务器资源请求 svg嵌入css里就少了这请求。 缺点就是代码量会加大(css文件变大)。
效率的话 得看浏览器了,对于不支持svg的浏览器就不谈了。svg主要强项是绘图,比如统计图啊那些都是svg来生成的,效率挺高的,硬要是说谁效率更高,这个没可比性,因为也有很多格式。不同格式的浏览器解析消耗不同。在谷歌上 两者效率应该说微乎其微吧,而svg性能更佳
你说的是背景图标啊,这个有点不太好说,比如:
你一个div的类是
star{ width:20px; height:20px;}
另外一个里面有好多图标,有星星,有房子,有交通标志不类的。你的意思是想让这个图里面某个图标在star这个div里面显示。
就可以给star再加个样式。
star{ width:20px; height:20px;background:url(/images/right_titlebg1_03jpg) no-repeat 0px 0px;}
你可以一直调后面的两个坐标的位置,直到能看到那个图为址。
再不清楚的话加好友问我。
以上就是关于svg图标效率高还是css精灵效率高呢全部的内容,包括:svg图标效率高还是css精灵效率高呢、网站的很多小图标有是放在一张大图里,然后通过CSS定位,请问下是怎么找到那个图标的位置,用什么软件、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)