V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ailuoliai
V2EX  ›  程序员

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

  •  
  •   ailuoliai · 2020-04-27 17:57:49 +08:00 · 4586 次点击
    这是一个创建于 1431 天前的主题,其中的信息可能已经有所发展或是发生改变。

    很好奇

    33 条回复    2020-04-28 17:21:48 +08:00
    gz911122
        1
    gz911122  
       2020-04-27 18:00:07 +08:00
    精灵图是啥
    前排听大佬们科普
    jntitor
        2
    jntitor  
       2020-04-27 18:01:10 +08:00
    雪碧图 哈哈哈 当然是 ui 或美工做了
    threeEggs123
        3
    threeEggs123  
       2020-04-27 18:01:13 +08:00 via Android
    unity 玩家? ui 不就是美工吗🙈
    cz5424
        4
    cz5424  
       2020-04-27 18:01:26 +08:00 via iPhone
    Ui
    fedfrank
        5
    fedfrank  
       2020-04-27 18:03:56 +08:00
    webpack 或者 gulp 应该有工具吧
    zhw2590582
        6
    zhw2590582  
       2020-04-27 18:05:27 +08:00
    很久没做过精灵图了,以前用这个做的 http://www.spritecow.com/
    Chingim
        7
    Chingim  
       2020-04-27 18:11:09 +08:00 via Android
    这么难维护的东西,放弃吧。
    有了 http2,多几次请求影响没那么大。

    或者考虑 inline 成 base64 也行
    CodingNaux
        8
    CodingNaux  
       2020-04-27 18:12:10 +08:00
    好久没做雪碧图了
    好久没做切图仔了( zeplin)

    图有问题丢给 UI
    liuy1994g
        9
    liuy1994g  
       2020-04-27 18:13:47 +08:00 via Android
    雪碧图已经过时了吧🐶
    redbuck
        10
    redbuck  
       2020-04-27 18:14:23 +08:00
    工具做.
    没工具就不要做.http2 了还搞什么雪碧图
    jmyz0455
        11
    jmyz0455  
       2020-04-27 18:22:46 +08:00
    @Chingim @redbuck 请问 http2 对资源加载有什么优化吗?
    SunoAries
        12
    SunoAries  
       2020-04-27 18:26:26 +08:00
    还有雪碧图。。。现在不都用 icon font 了吗
    GDC
        13
    GDC  
       2020-04-27 18:27:31 +08:00
    @jmyz0455 使用雪碧图的原因之一是减少 HTTP 请求次数,HTTP/2 有个特征是合并请求,复用连接多次请求,也一样达到使用雪碧图的目的。而雪碧图维护起来还麻烦。
    ccbikai
        14
    ccbikai  
       2020-04-27 19:06:13 +08:00
    前端做啊,自动化那么简单
    duan602728596
        15
    duan602728596  
       2020-04-27 20:15:17 +08:00 via iPhone
    以前的话,直接自动化合并图片,顺便生成 sass 文件
    maxRandom
        16
    maxRandom  
       2020-04-27 20:19:03 +08:00
    当然前端啦,自动化
    q8164305
        17
    q8164305  
       2020-04-27 20:27:18 +08:00 via Android
    前端做,有工具可以自动化
    poisedflw
        18
    poisedflw  
       2020-04-27 20:29:53 +08:00   ❤️ 1
    图标用 iconfont 、svg
    小图直接 base64
    稍微大一点的直接引入,现代浏览都是并行下载,不会慢
    大图放 oss,走 cdn
    jugelizi
        19
    jugelizi  
       2020-04-27 20:39:03 +08:00 via iPhone
    建议字体图标最好
    across
        20
    across  
       2020-04-27 20:46:30 +08:00
    反正前端跑不了···· 难道 web 不做 sprite packer 优化?
    gitjavascript
        21
    gitjavascript  
       2020-04-27 21:19:31 +08:00
    啥年代了
    unicloud
        22
    unicloud  
       2020-04-27 21:31:15 +08:00 via iPhone
    0202 年了,还有用雪碧图的?
    darknoll
        23
    darknoll  
       2020-04-27 23:29:34 +08:00 via Android
    最大化最小化关闭,还是需要做个雪碧图的吧
    murmur
        24
    murmur  
       2020-04-27 23:35:57 +08:00
    现在雪碧图用的不多了,小图直接就转 base64 了
    DOLLOR
        25
    DOLLOR  
       2020-04-27 23:47:02 +08:00
    大量的小图,全由 webpack 转成 base64 塞进 js 内吧。
    JohnChiu
        26
    JohnChiu  
       2020-04-28 00:07:57 +08:00
    unity 的话应该是策划做 hhhhh
    en20
        27
    en20  
       2020-04-28 00:40:08 +08:00 via iPhone
    写 phaser 的时候才第一次接触到精灵图工具,以前都是 ps 手动拉线拼接,哭死
    ccyu220
        28
    ccyu220  
       2020-04-28 08:59:35 +08:00
    本来就是前端做。
    但是我看掘金上的前端,现在 PS 切图都不会用了。
    vivipure
        29
    vivipure  
       2020-04-28 10:16:54 +08:00
    都可以做,还有专门的软件可以合成雪碧图。不过这个算过时的技术了,没啥用。
    zhuziyi
        30
    zhuziyi  
       2020-04-28 11:22:43 +08:00 via iPhone
    这东西你让设计来做,等你教会他,估摸都要等下个周才能开工写代码了。
    Sapp
        31
    Sapp  
       2020-04-28 14:49:11 +08:00
    http2 时代还有人做雪碧图?做就算了, 还需要手动作?
    zaul
        32
    zaul  
       2020-04-28 17:15:36 +08:00
    做个毛,我很少用图
    wotemelon
        33
    wotemelon  
       2020-04-28 17:21:48 +08:00
    都不做,自动化
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1578 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 16:59 · PVG 00:59 · LAX 09:59 · JFK 12:59
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.