Иконки спрайтами как добавить?

Question

[c5c5]

Если есть спрайт с иконками и в нём есть свободное место, нудно добавить иконку. Допустим я в фотошопе добавил иконку в спрайт, как быстро узнать её координаты верха и низа для background-position?

Answer 1

[weranda]

Замерить линейкой, использовать сервисы типа spritecow или пользоваться генераторами спрайтов.

Answer 2

[Валерий]

В фотошопе линейкой можно померить, если несимметричные там иконки. А если симметричные - то просто кол-во на размеры перемножить)

Comments

[weranda]

Валерий О симметрии. Есть два квадрата. Один из них повернут на 45 градусов относительно другого. Квадраты симметричны? Симметричны! Относительно горизонтальной и вертикальной осей двумерного пространства длинна и высота квадратов соответственно равны?

[Валерий]

weranda: и?

[weranda]

Валерий Это все) Ответ: не равны.

[Валерий]

weranda: a, точно. Спасибо. Обожаю людей, способных унизить себя собственным же инфантильным и неуместным ответом.

Answer 3

[Алексей Николаев]

Сегодня уже никто не собирает спрайты вручную, это делается автоматически сборщиками проектов. Координаты \ классы потом будут доступны для использования в css \ less \ scss файле. Лично я использую grunt-spritesmith.

Comments

[c5c5]

Речь идёт о клиенте который хочет поправить собственную вёрстку, но он не профессионал, поэтому у него нет генераторов спрайтов, grunt, less, scss и т.п.