javascript - Comment cette image sprite est-elle générée?

Question

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

Beaucoup plus petite que les images ordinaires. Taille 1600*2444 mais seulement 70 Ko ? Qualité réduite ?
Pendant le développement, cette composition a-t-elle été effectuée manuellement une par une ? Il était toujours généré par l'outil i

Answer 1

Cette image est un png 8 bits (maximum 256 couleurs). Pour les images avec des couleurs simples, vous pouvez utiliser ce format pour réduire la taille.

Answer 2

Il existe des outils, /a/11...

La compression d'image est disponible gulp-imagemin. Cela facilite l’intégration du projet dans votre flux de travail.

Il semble qu'il y ait relativement peu de personnes qui utilisent des images de sprites maintenant, et elles utilisent progressivement la police SVG et les polices d'icônes.

Answer 3

S'appuie généralement sur des outils. J'utilise habituellement CssSprite.exe. Je fais simplement glisser l'image et cela générera une image de sprite et le CSS correspondant pour vous

Answer 4

CssSprite.exe doit également être glissé manuellement

Answer 5

Vous pouvez utiliser un logiciel de retouche d'image tel que Photoshop pour placer plusieurs images sur le même calque et les exporter, ou utiliser des outils de construction automatisés pour assembler automatiquement les images fusionnées