雪碧图已经过时了吗

2019-11-13 20:28:39 +08:00
 fengxianqi

今天在群里讨论了下,有个同学认为在 http2 的场景下,雪碧图没有作用反而会变慢,另一个同学说雪碧图已经过时了,面试被怼过。请问下大家怎么看

17651 次点击
所在节点    程序员
63 条回复
vibbow
2019-11-13 20:30:26 +08:00
主要原因应该是前端变懒了.............
Hanggi
2019-11-13 20:30:43 +08:00
都什么年代了还雪碧图。。。大部分外观性质的效果 css3 都能搞定。图标用 font icon 方便好用。没有理由用雪碧图。
learnshare
2019-11-13 20:31:06 +08:00
大概已经过时了
网页中目前用小图片素材已经比较少了,CSS、iconfont、SVG 都更方便
xutao881
2019-11-13 20:35:14 +08:00
雪碧图这玩意儿...前端我是懒得搞,都是让 UI 合并好了给我,所以要更新什么的也是 UI 搞,一个老项目要换 UI 的话更新雪碧图就很操蛋。
xutao881
2019-11-13 20:36:00 +08:00
实际上现在的 icon 管理更多的用 iconfont 比雪碧图来的方便多了
wangyzj
2019-11-13 20:37:43 +08:00
@learnshare 为什么我的前端项目全都是图,就算不用 png 也得 svg
love
2019-11-13 20:39:54 +08:00
现在拟物也不流行了,少了一大部分 UI 图片
learnshare
2019-11-13 20:40:34 +08:00
@wangyzj 取决于设计,以及图形的实现方式
能用 CSS、iconfont、SVG 的就尽量避免图片,体积大,也不灵活
Narcissu5
2019-11-13 20:48:42 +08:00
iconfont 没办法只能单色啊,等于说把设计都限制死了
murmur
2019-11-13 20:49:50 +08:00
雪碧图不好用 bg-size 啊,小图直接就自动转成 base64 了,
wangyzj
2019-11-13 20:55:32 +08:00
@learnshare 但是 iconfont 做不了多色彩图标把
jydeng
2019-11-13 20:55:33 +08:00
主要太难用了,更新困难
learnshare
2019-11-13 20:59:48 +08:00
@wangyzj 所以还有 SVG 这种方式,SVG 的渲染效果可比图片素材好太多了
loading
2019-11-13 21:05:08 +08:00
这样就不用请切图拼图仔了
Arrowing
2019-11-13 21:16:22 +08:00
过时了,有 http2 还用什么雪碧图
VDimos
2019-11-13 21:16:59 +08:00
不好用,一张图崩整个网页都崩
ChefIsAwesome
2019-11-13 21:23:54 +08:00
雪碧图得固定大小。现在是做手机页面的多,大量用比例布局,这玩意压根就没办法用。
agdhole
2019-11-13 21:37:52 +08:00
用 SVG 路过
OSF2E
2019-11-13 21:39:52 +08:00
@ChefIsAwesome #17 说到点子上了
Chingim
2019-11-13 22:09:29 +08:00
已经没必要了, http2 时代雪碧与否速度没有多大影响
但是考虑到维护性, 还是抛弃他吧

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/619264

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX