Create Image Thumbnails with ImageMagick
ImageMagick is, for lack of better term, magic. You can throw just about anything at it and succeed. With that in mind, I was recently using Google Page Speed to see how I could improve my website and it occurred to me I wasn't generating thumbnails for my post lists -- I was simply scaling down preview images with CSS. Certainly not the most efficient technique you've ever heard of. ImageMagick to the rescue -- now I can parse for images and generate thumbnails to make my site much faster to download!
ImageMagick is loaded with options but the syntax to generate a thumbnails is dead easy:
convert billboard.png -trim -resize 32x32 thumbnail.png
Instead of simply scaling down an image with CSS, I should be generating a thumbnail and serving that up instead. And since it's so easy to do so, there's really no reason not to!
![Create a CSS Flipping Animation]()
CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...
![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...
![Creating the Treehouse Frog Animation]()
Before we start, I want to say thank you to David for giving me this awesome opportunity to share this experience with you guys and say that I'm really flattered. I think that CSS animations are really great. When I first learned how CSS...
![Save Web Form Content Using Control + S]()
We've all used word processing applications like Microsoft Word and if there's one thing they've taught you it's that you need to save every few seconds in anticipation of the inevitable crash. WordPress has mimicked this functionality within their WYSIWYG editor and I use it...
There is a
-thumbnailoption to create, you’ve guessed it, thumbnails : http://www.imagemagick.org/script/command-line-options.php#thumbnailAnd if you need to do it on the fly, here’s a chainable wrapper for GD (PHP): https://github.com/claviska/SimpleImage