Pull to refresh

Забавные возможности ImageMagick в помощь веб дизайнеру

Reading time1 min
Views3.6K
Сейчас когда на сайте нужно отобразить много мелких деталей, рамочки и тенюшки или оформления кнопок, делают один большой файл где все картинки идут друг за другом вертикально. Обладатели ImageMagick могут создать его одной командой.

$ 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.
Tags:
Hubs:
+68
Comments31

Articles

Change theme settings