javascript - Wie wird dieses Sprite-Bild generiert?

Question

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

Viel kleiner als gewöhnliche Bilder. Größe 1600*2444, aber nur 70 KB? Reduzierte Qualität?
Wurde dieser Schriftsatz während der Entwicklung einzeln manuell vorgenommen? Es wurde immer noch vom i-Tool generiert

Answer 1

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

Answer 2

有工具，/a/11...

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

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

Answer 3

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

Answer 4

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

Answer 5

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