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.
![CSS @supports]()
Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS. What we end up doing is repeating the same properties multiple times with each browser prefix. Yuck. Another thing we...
![How to Create a Twitter Card]()
One of my favorite social APIs was the Open Graph API adopted by Facebook. Adding just a few META tags to each page allowed links to my article to be styled and presented the way I wanted them to, giving me a bit of control...
![spellcheck Attribute]()
Many useful attributes have been provided to web developers recently: download, placeholder, autofocus, and more. One helpful older attribute is the spellcheck attribute which allows developers to control an elements ability to be spell checked or subject to grammar checks. Simple enough, right?
![Using Dotter for Form Submissions]()
One of the plugins I'm most proud of is Dotter. Dotter allows you to create the typical "Loading..." text without using animated images. I'm often asked what a sample usage of Dotter would be; form submission create the perfect situation. The following...
How about sepia tones? After all, it’s just like converting to grayscale with a different balance of red, green and blue.