У меня много изображений спрайтов, содержащих десятки значков. Есть ли простой способ разгадать спрайты в отдельные файлы изображений либо автоматически, либо загрузить его координаты, ширины и высоты?
Легкий инструмент для разложения спрайта?
Ответ 1
Используйте инструмент среза в Photoshop:
- Используйте
slice select tool(обратите внимание на часть выберите, см. снимок экрана). - Щелкните правой кнопкой мыши в любом месте холста и выберите
Divide Slice...в выпадающем меню. - Введите несколько раз по высоте/ширине или спрайту.
- Закончив, перейдите к
save for web and devices... - При сохранении это будет экспортировать все отдельные вырезы в формат файла по вашему выбору в отдельной папке.
Если они имеют неравномерный размер (не на сетке), вы также можете выбрать их индивидуально с помощью инструмента выбора "валик". Если у вас много подобных решеток, сохраните все как действие Photoshop и пакетный процесс.
Ответ 2
Эта программа довольно хороша при разложении спрайтов в отдельные кадры
он поддерживает все стандартные форматы растровых изображений,.png,.bmp,.gif,.tiff и делает все в значительной степени автоматически.
Ответ 3
Я столкнулся с аналогичной проблемой после потери исходных изображений для спрайта и построил этот относительно простой инструмент: https://github.com/fmovlex/desprite
Надеюсь, что это поможет.
Ответ 4
дайте это как попытку, чтобы он разделил его на отдельные строки: http://imagesplitter.net
Ответ 5
Это хорошо работало для меня, чтобы извлечь изображения из jquery ui sprites http://renderhjs.net/shoebox/
Ответ 6
Существует приложение для Android, которое будет динамически разделять карту спрайтов:
https://play.google.com/store/apps/details?id=com.fourqueue.android.texture
Ответ 7
Создание png:
Я использую spritepad для создания png-изображения, просто перетащите ваши изображения, чтобы создать спрайт: http://spritepad.wearekiss.com/ (но, как я полагаю вам не нужен этот шаг).
CSS
После этого я импортирую изображение в spritecow и получаю css для каждого изображения (дважды щелкните каждое изображение, чтобы получить его ширину и координаты): http://www.spritecow.com/
Вы можете использовать только spritepad, но я предпочитаю использовать его только для создания спрайта. Для css spritecow мне кажется легче. В любом случае это зависит от вас.