Есть ли сервис для создания спрайтов по сетке?

[Zverushka]

Есть ли сервис для создания спрайтов по сетке?

Допустим, чтобы каждая картинка помещалась в ячейки 100 на 50 пикселей?

[npofopr]

Не понятно, что вам конкретно надо.

Вот с сеткой http://spritepad.wearekiss.com/

Генераторов тоже думаю можно много найти. Вот например один из https://github.com/Ensighten/grunt-spritesmith

У вас спрайт на 50+ элементов? UI пишете?

Имхо, 10 картинок проще в фотошопе руками раскидать.

Edited December 23, 2013 by npofopr

[Zverushka]

Не нашла как по ссылке задать свой размер сетки.

Ну обычно сервисы выдают сплющенные одну к другой картинки.

Мне же нужно, чтобы каждая картинка любого размера была помещена по центру внизу квадрата 50 на 100 пикселей.

Элементов не много - штук 10, но я ищу возможности ускорения создания спрайтов.

[klierik]

SASS + Compass такое генерируют

[npofopr]

10 штук, имхо, проще руками сделать, тем более если подготовить макет с сеткой направляющих. Картинки сами будут прилипать к краям "ячеек".

Когда начнете пользоваться sass + compass, или тем же grunt. Или чем либо другим, где этот функционал возможен. Там и сами наткнетесь при глубоком изучении материала, на генераторы спрайтов и другие плюшки.

А пока фотошоп или онлайн генераторы.

[klierik]

может этот подойдет, но там принцип обратный -- задаются падинги

[Zverushka]

Блин, я уже с less сжилась, куда мне этот sass - на двух конях не усидишь же.

[klierik]

Блин, я уже с less сжилась, куда мне этот sass - на двух конях не усидишь же.

 

Кто тебе такое сказал?

У меня есть проект на базе LESS (bootstrap). В нем помипо иконок в шрифтах, используйется так же SASS+Compass генератор спрайтов. Более того, на выходе я получаю .less файл, который потом интегрируеться в общий LESS поток. Что в свою очередь позволяет использовать .icon-my_name; внутри э

 

Никто не мешает использовать лучшее от обоих технологий )

[Zverushka]

А как это выглядит? Допустим в less у меня есть .less файл, который на лету при сохранении преобразуется в .css - как сюда интегрировать еще и sass?

[klierik]

это очень просто, на расписывать долго.

научись для начала делать спрайты: http://compass-style.org/help/tutorials/spriting/