这个雪碧图是怎么生成的?

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

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

阅读 4.3k
5 个回答

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

有工具,https://segmentfault.com/a/11...

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

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏