February 20, 2011 at 08:03

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

    Tags:

    Also popular now: