Сейчас когда на сайте нужно отобразить много мелких деталей, рамочки и тенюшки или оформления кнопок, делают один большой файл где все картинки идут друг за другом вертикально. Обладатели ImageMagick могут создать его одной командой.
все изображения в каталоге попросту встанут в линию.
Теперь можно делать сss.
Вы не знаете размеры? Думаете вам все ровно придется смотреть их через Gimp? нам поможет другая команда:
вывод ее приблизительно такой
Как говорил ВЕЛИКИЙ ЛИНУС — Just for fun.
$ convert * +append result.png
все изображения в каталоге попросту встанут в линию.
Теперь можно делать сss.
.first {
width: 16px;
height: 16px;
background: url(/result-sprite.png) 0 0;
}
.second {
width: 16px;
height: 16px;
background: url(/result-sprite.png) 0 -16px;
}
Вы не знаете размеры? Думаете вам все ровно придется смотреть их через Gimp? нам поможет другая команда:
$ identify -format "%g - %f\n" *
вывод ее приблизительно такой
800x600+0+0 - IMG_2568.JPG
800x600+0+0 - IMG_2569.JPG
800x600+0+0 - IMG_2572.JPG
800x600+0+0 - IMG_2573.JPG
800x600+0+0 - IMG_2574.JPG
800x600+0+0 - IMG_2592.JPG
800x600+0+0 - IMG_2593.JPG
500x376+0+0 - P2110006.JPG
500x375+0+0 - P2110008.JPG
Как говорил ВЕЛИКИЙ ЛИНУС — Just for fun.