Get Image Dimensions from Command Line
The command line is a gold mine if you come from the perspective of a UI lover. Getting information from the shell instead of opening an app, finding a file or directory, etc...what a novel concept. Opening different image files opens up different apps on my Mac and, as the kids say, "ffs" -- I just want to know the image dimensions.
Using ImageMagick you can find the dimensions of an image from command line:
# Get the size of a JPG
convert photo.jpg -print "Size: %wx%h\n" /dev/null
# Size: 600x872
# Get the size of a PSD
convert website-design.psd -print "Size: %wx%h\n" /dev/null
# Size: 990x1200
You can get the image dimensions of any image type from PNG to JPG to GIF to even PSDs. And the resulting text is as plain as it could be. Dimensions...here you are.
![CSS Filters]()
CSS filter support recently landed within WebKit nightlies. CSS filters provide a method for modifying the rendering of a basic DOM element, image, or video. CSS filters allow for blurring, warping, and modifying the color intensity of elements. Let's have...
![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...
![Simple Image Lazy Load and Fade]()
One of the quickest and easiest website performance optimizations is decreasing image loading. That means a variety of things, including minifying images with tools like ImageOptim and TinyPNG, using data URIs and sprites, and lazy loading images. It's a bit jarring when you're lazy loading images and they just...
![MooTools TextOverlap Plugin]()
Developers everywhere seem to be looking for different ways to make use of JavaScript libraries. Some creations are extremely practical, others aren't. This one may be more on the "aren't" side but used correctly, my TextOverlap plugin could add another interesting design element...
I like to use ImageMagick’s identify command. Easy to remember and gives the size along with some other helpful info:
but that means having ImageMagick installed.
on a mac you have the native
sipscommand that returns info and modifies image files.ex. to get all sorts of info on an image just do:
more info on sips available at:
https://developer.apple.com/library/mac/documentation/Darwin/Reference/ManPages/man1/sips.1.html
Wow, thanks for the heads up! I didn’t know about
sips!Wow! I always wonder why the command
fileis so unknown on the Mac?No need to install anything! Use
man filefor more information. Works for every kind of files, not just images: