How to concatenate icons into a single image with ImageMagick?

graphics bitmap imagemagick css-sprites
Peter Hilton picture Peter Hilton · Sep 18, 2008 · Viewed 19.5k times · Source

I want to use CSS sprites on a web site instead of separate image files, for a large collection of small icons that are all the same size. How can I concatenate (tile) them into one big image using ImageMagick?

Answer

Simon Ernst picture Simon Ernst · May 18, 2012

convert works much better than montage. It arranges images vertically or horizontally and keeps png transparency.

convert *.png -append sprites.png (append vertically)
convert *.png +append sprites.png (append horizontally)

Related questions

Android: How to overlay a bitmap and draw over a bitmap?

I have three questions actually: Is it better to draw an image on a bitmap or create a bitmap as resource and then draw it over a bitmap? Performance wise, which one is better? If I want to draw something …

Read More
Using method -canvas.drawBitmap(bitmap, src, dst, paint)

Everytime I use this code nothing is drawn. I need to draw a bitmap inside of a specified rectangle. canvas.drawBitmap(MyBitmap, null, rectangle, null) I've looked online but can't find much help.

Read More
Fast work with Bitmaps in C#

I need to access each pixel of a Bitmap, work with them, then save them to a Bitmap. Using Bitmap.GetPixel() and Bitmap.SetPixel(), my program runs slowly. How can I quickly convert Bitmap to byte[] and back? I need …

Read More