What is a convenient way to quickly create css sprites, and also change them easily if something was done wrong?

Question

css

There are about 25 small pictures on the site. Created a sprite through an online service. Then it was necessary to change a couple of pictures, re-generated the sprite. A few names of the sprites went astray, in short, hemorrhagic ...
I found an article on how to make sprites using Gulp . but there, as I understand it, you need to use a preprocessor. I don't use them yet.
I would like such a way to throw pictures into a folder, a sprite with code was created there, and if something needs to be replaced, it would be done quickly and easily. Is there such a way?

Answer 1

Yes, gulp + preprocessor)
IMHO there are no objective reasons to abandon preprocessors today. Regardless of the scale of the project.
https://github.com/twolfson/gulp.spritesmith
Read the documentation, you can generate css.