Fun ImageMagick features to help web designer

Now when the site needs to display a lot of small details, frames and shadows or button designs, they make one large file where all the pictures follow each other vertically. Owners of ImageMagick can create it as a team.

$ convert * +append result.png

All images in the catalog will simply line up.

Now you can do with sss.

.first {
width: 16px;
height: 16px;
background: url(/result-sprite.png) 0 0;
}

.second {
width: 16px;
height: 16px;
background: url(/result-sprite.png) 0 -16px;
}

You do not know the size? Do you think you’ll have to watch them all through the Gimp? another team will help us:
')
$ identify -format "%g - %f\n" *

its conclusion is approximately as

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

As the GREAT LINUS used to say - Just for fun.