Convert an Image to Grayscale with ImageMagick
A few years ago I bought a DSLR camera with a bunch of filter effects built in and it's been worth every penny. I took some incredible photos in London, Paris, and Jamaica, and tooks some really special photos of my son during his first few years. And many of my favorite photos were taken with grayscale filter but some I took in color and badly wanted them in grayscale. Of course I can use Photoshop to convert the image to grayscale but that's too much work. I have ImageMagick -- why not use the shell to very quickly convert it to grayscale?
Converting the image to grayscale with ImageMagick is simple:
convert my-image.jpg -colorspace Gray my-image-gray.jpg
The command is self-explanatory and executes in milliseconds. And since Photoshop takes a few seconds to start and I have to do the work manually, ImageMagick makes everything so much easier.
![Designing for Simplicity]()
Before we get started, it's worth me spending a brief moment introducing myself to you. My name is Mark (or @integralist if Twitter happens to be your communication tool of choice) and I currently work for BBC News in London England as a principal engineer/tech...
![CSS Gradients]()
With CSS border-radius, I showed you how CSS can bridge the gap between design and development by adding rounded corners to elements. CSS gradients are another step in that direction. Now that CSS gradients are supported in Internet Explorer 8+, Firefox, Safari, and Chrome...
![Flexbox Equal Height Columns]()
Flexbox was supposed to be the pot of gold at the long, long rainbow of insufficient CSS layout techniques. And the only disappointment I've experienced with flexbox is that browser vendors took so long to implement it. I can't also claim to have pushed flexbox's limits, but...
![New MooTools Plugin: ElementFilter]()
My new MooTools plugin, ElementFilter, provides a great way for you to allow users to search through the text of any mix of elements. Simply provide a text input box and ElementFilter does the rest of the work.
The XHTML
I've used a list for this example...
How about sepia tones? After all, it’s just like converting to grayscale with a different balance of red, green and blue.