Легкий инструмент для разложения спрайта?

У меня много изображений спрайтов, содержащих десятки значков. Есть ли простой способ разгадать спрайты в отдельные файлы изображений либо автоматически, либо загрузить его координаты, ширины и высоты?

24
22 февр. '12 в 1:01
источник поделиться
7 ответов

Используйте инструмент среза в Photoshop:

  • Используйте slice select tool (обратите внимание на часть выберите, см. снимок экрана).
  • Щелкните правой кнопкой мыши в любом месте холста и выберите Divide Slice... в выпадающем меню.
  • Введите несколько раз по высоте/ширине или спрайту.
  • Закончив, перейдите к save for web and devices...
  • При сохранении это будет экспортировать все отдельные вырезы в формат файла по вашему выбору в отдельной папке.

Если они имеют неравномерный размер (не на сетке), вы также можете выбрать их индивидуально с помощью инструмента выбора "валик". Если у вас много подобных решеток, сохраните все как действие Photoshop и пакетный процесс.

slice **select** tool

6
22 февр. '12 в 22:57
источник

Эта программа довольно хороша при разложении спрайтов в отдельные кадры

http://www.alferdspritesheetunpacker.forkandbeard.co.uk/forkandBeard/apps/AlferdSpritesheetUnpacker/Download.aspx

он поддерживает все стандартные форматы растровых изображений,.png,.bmp,.gif,.tiff и делает все в значительной степени автоматически.

13
22 февр. '12 в 1:06
источник

Я столкнулся с аналогичной проблемой после потери исходных изображений для спрайта и построил этот относительно простой инструмент: https://github.com/fmovlex/desprite

Надеюсь, что это поможет.

6
25 мая '13 в 1:55
источник

дайте это как попытку, чтобы он разделил его на отдельные строки: http://imagesplitter.net

5
22 февр. '12 в 1:04
источник

Это хорошо работало для меня, чтобы извлечь изображения из jquery ui sprites http://renderhjs.net/shoebox/

3
14 мая '14 в 17:58
источник

Существует приложение для Android, которое будет динамически разделять карту спрайтов:

https://play.google.com/store/apps/details?id=com.fourqueue.android.texture

0
21 марта '16 в 10:53
источник

Создание png:

Я использую spritepad для создания png-изображения, просто перетащите ваши изображения, чтобы создать спрайт: http://spritepad.wearekiss.com/ (но, как я полагаю вам не нужен этот шаг).

CSS

После этого я импортирую изображение в spritecow и получаю css для каждого изображения (дважды щелкните каждое изображение, чтобы получить его ширину и координаты): http://www.spritecow.com/

Вы можете использовать только spritepad, но я предпочитаю использовать его только для создания спрайта. Для css spritecow мне кажется легче. В любом случае это зависит от вас.

-1
14 мая '14 в 18:02
источник

Посмотрите другие вопросы по меткам или Задайте вопрос