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.

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.

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

CssSprite.exe doit également être glissé manuellement

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