精灵图(sprite)是前端做 , 还是 UI 做, 还是美工做?

sprite

美工

精灵

好奇

33 条回复 • 2020-04-28 17:21:48 +08:00

1

gz911122

2020-04-27 18:00:07 +08:00

精灵图是啥
前排听大佬们科普

2

jntitor

2020-04-27 18:01:10 +08:00

雪碧图哈哈哈当然是 ui 或美工做了

3

threeEggs123

2020-04-27 18:01:13 +08:00 via Android

unity 玩家？ ui 不就是美工吗🙈

4

cz5424

2020-04-27 18:01:26 +08:00 via iPhone

Ui

5

fedfrank

2020-04-27 18:03:56 +08:00

webpack 或者 gulp 应该有工具吧

6

zhw2590582

2020-04-27 18:05:27 +08:00

很久没做过精灵图了，以前用这个做的 http://www.spritecow.com/

7

Chingim

2020-04-27 18:11:09 +08:00 via Android

这么难维护的东西，放弃吧。
有了 http2，多几次请求影响没那么大。

或者考虑 inline 成 base64 也行

8

CodingNaux

2020-04-27 18:12:10 +08:00

好久没做雪碧图了
好久没做切图仔了（ zeplin)

图有问题丢给 UI

9

liuy1994g

2020-04-27 18:13:47 +08:00 via Android

雪碧图已经过时了吧🐶

10

redbuck

2020-04-27 18:14:23 +08:00

工具做.
没工具就不要做.http2 了还搞什么雪碧图

11

jmyz0455

2020-04-27 18:22:46 +08:00

@Chingim @redbuck 请问 http2 对资源加载有什么优化吗？

12

SunoAries

2020-04-27 18:26:26 +08:00

还有雪碧图。。。现在不都用 icon font 了吗

13

GDC

2020-04-27 18:27:31 +08:00

@jmyz0455 使用雪碧图的原因之一是减少 HTTP 请求次数，HTTP/2 有个特征是合并请求，复用连接多次请求，也一样达到使用雪碧图的目的。而雪碧图维护起来还麻烦。

14

ccbikai

2020-04-27 19:06:13 +08:00

前端做啊，自动化那么简单

15

duan602728596

2020-04-27 20:15:17 +08:00 via iPhone

以前的话，直接自动化合并图片，顺便生成 sass 文件

16

maxRandom

2020-04-27 20:19:03 +08:00

当然前端啦，自动化

17

q8164305

2020-04-27 20:27:18 +08:00 via Android

前端做，有工具可以自动化

18

poisedflw

2020-04-27 20:29:53 +08:00

1

图标用 iconfont 、svg
小图直接 base64
稍微大一点的直接引入，现代浏览都是并行下载，不会慢
大图放 oss，走 cdn

19

jugelizi

2020-04-27 20:39:03 +08:00 via iPhone

建议字体图标最好

20

across

2020-04-27 20:46:30 +08:00

反正前端跑不了···· 难道 web 不做 sprite packer 优化？

21

gitjavascript

2020-04-27 21:19:31 +08:00

啥年代了

22

unicloud

2020-04-27 21:31:15 +08:00 via iPhone

0202 年了，还有用雪碧图的？

23

darknoll

2020-04-27 23:29:34 +08:00 via Android

最大化最小化关闭，还是需要做个雪碧图的吧

24

murmur

2020-04-27 23:35:57 +08:00

现在雪碧图用的不多了，小图直接就转 base64 了

25

DOLLOR

2020-04-27 23:47:02 +08:00

大量的小图，全由 webpack 转成 base64 塞进 js 内吧。

26

JohnChiu

2020-04-28 00:07:57 +08:00

unity 的话应该是策划做 hhhhh

27

en20

2020-04-28 00:40:08 +08:00 via iPhone

写 phaser 的时候才第一次接触到精灵图工具，以前都是 ps 手动拉线拼接，哭死

28

ccyu220

2020-04-28 08:59:35 +08:00

本来就是前端做。
但是我看掘金上的前端，现在 PS 切图都不会用了。

29

vivipure

2020-04-28 10:16:54 +08:00

都可以做，还有专门的软件可以合成雪碧图。不过这个算过时的技术了，没啥用。

30

zhuziyi

2020-04-28 11:22:43 +08:00 via iPhone

这东西你让设计来做，等你教会他，估摸都要等下个周才能开工写代码了。

31

Sapp

2020-04-28 14:49:11 +08:00

http2 时代还有人做雪碧图？做就算了，还需要手动作？

32

zaul

2020-04-28 17:15:36 +08:00

做个毛，我很少用图

33

wotemelon

2020-04-28 17:21:48 +08:00

都不做，自动化