搜索

首页  >  问答  >  正文

javascript - 这个雪碧图是怎么生成的？

https://s1.hdslb.com/bfs/stat...

比普通的图片小很多。尺寸1600*2444但是只有70kb？品质降低？
还有开发的时候这个排版是手动一个一个弄的雪碧图？还是靠i工具生成的

曾经蜡笔没有小新曾经蜡笔没有小新2714 天前907

全部回复(5)我来回复

  • 天蓬老师

    天蓬老师2017-06-26 10:58:32

    这张图是8bit png（最大256色），对于色彩简单的图可以用这种格式减少体积。

    回复
    0
  • 迷茫

    迷茫2017-06-26 10:58:32

    有工具，/a/11...

    图片压缩可以用 gulp-imagemin。这样就很容易在项目集成到工作流中。

    现在貌似用雪碧图的相对少了些，逐渐在用svg及icon font代替了。

    回复
    0
  • 阿神

    阿神2017-06-26 10:58:32

    一般是靠工具的。我一般用的CssSprite.exe,只用自己把图片拖进去，然后会给你生成雪碧图以及对应的css

    回复
    0
  • 淡淡烟草味

    淡淡烟草味2017-06-26 10:58:32

    CssSprite.exe也是要手动拖进去的

    回复
    0
  • 扔个三星炸死你

    扔个三星炸死你2017-06-26 10:58:32

    可以使用图像编辑软件如Photoshop将多张图放到同一个图层并导出或使用自动化构建工具自动拼接合并后的图片

    回复
    0
  • 取消回复