简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 这个雪碧图是怎么生成的？
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-06-26 10:56:32
0
5
827

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

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

曾经蜡笔没有小新
曾经蜡笔没有小新

全部回复 (5)
Peter_Zhu
Peter_Zhu2017-06-26 10:58:32 5 楼

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

点赞+0
添加回复
    迷茫
    迷茫2017-06-26 10:58:32 4 楼

    有工具，/a/11...

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

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

    点赞+0
    添加回复
      阿神
      阿神2017-06-26 10:58:32 3 楼

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

      点赞+0
      添加回复
        淡淡烟草味
        淡淡烟草味2017-06-26 10:58:32 2 楼

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

        点赞+0
        添加回复
          扔个三星炸死你
          扔个三星炸死你2017-06-26 10:58:32 1 楼

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

          点赞+0
          添加回复
            热门专题
            更多>
            热门文章
            热门教程
            更多>
            相关教程
            热门推荐
            最新课程
            最新下载
            更多>
            网站特效
            网站源码
            网站素材
            前端模板
            关于我们 免责声明 Sitemap
            PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！