Эта программа довольно хорошо разбивает спрайты на отдельные кадры
поддерживает все стандартные форматы растровых изображений: .png, .bmp, .gif, .tiff и выполняет все практически автоматически.
Создание png :
Я использую spritepad для создания изображения png, просто перетащите изображения, чтобы создать спрайт: http: //spritepad.wearekiss. com / (но, как я полагаю, вам не нужен этот шаг).
CSS :
После этого я импортирую изображение в spritecow и получаю CSS для каждого изображения (дважды щелкните каждое изображение, чтобы получить его высоту-ширину и координаты): http://www.spritecow.com/
Вы можете использовать только спрайтпад, но я предпочитаю использовать его только для создания спрайта. Для css spritecow мне кажется проще. В любом случае, решать вам.
Я столкнулся с подобной проблемой после потери исходных изображений для спрайта и создал этот относительно простой инструмент: https://github.com/fmovlex/desprite
Надеюсь, это поможет.