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.
![39 Shirts – Leaving Mozilla]()
In 2001 I had just graduated from a small town high school and headed off to a small town college. I found myself in the quaint computer lab where the substandard computers featured two browsers: Internet Explorer and Mozilla. It was this lab where I fell...
![Detect DOM Node Insertions with JavaScript and CSS Animations]()
I work with an awesome cast of developers at Mozilla, and one of them in Daniel Buchner. Daniel's shared with me an awesome strategy for detecting when nodes have been injected into a parent node without using the deprecated DOM Events API.
![Truly Responsive Images with responsive-images.js]()
Responsive web design is something you hear a lot about these days. The moment I really started to get into responsive design was a few months ago when I started to realise that 'responsive' is not just about scaling your websites to the size of your...
![Pure CSS Slide Up and Slide Down]()
If I can avoid using JavaScript for element animations, I'm incredibly happy and driven to do so. They're more efficient, don't require a JavaScript framework to manage steps, and they're more elegant. One effect that is difficult to nail down with pure CSS is sliding up...
How about sepia tones? After all, it’s just like converting to grayscale with a different balance of red, green and blue.