Fun features ImageMagick to help web designers

Now when the site needs to display a lot of small details, frames and shadows or button designs, they make one big file where all the pictures go one after another vertically. ImageMagick owners can create it with one team.

$ convert * +append result.png

all the images in the catalog will simply line up.

Now you can do css. You do not know the size? Do you think you all have to watch them through Gimp? another team will help us: the conclusion is approximately the same As GREAT LINUS said - Just for fun.

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

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



$ 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