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

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

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定位,请问下是怎么找到那个图标的位置,用什么软件、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/sjk/9297834.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存