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.
![LightFace: Facebook Lightbox for MooTools]()
One of the web components I've always loved has been Facebook's modal dialog. This "lightbox" isn't like others: no dark overlay, no obnoxious animating to size, and it doesn't try to do "too much." With Facebook's dialog in mind, I've created LightFace: a Facebook lightbox...
![Creating Scrolling Parallax Effects with CSS]()
Introduction
For quite a long time now websites with the so called "parallax" effect have been really popular.
In case you have not heard of this effect, it basically includes different layers of images that are moving in different directions or with different speed. This leads to a...
![MooTools Documentation Search Favelet]()
I'm going to share something with you that will blow your mind: I don't have the MooTools documentation memorized. I just don't. I visit the MooTools docs frequently to figure out the order of parameters of More classes and how best to use...
![Duplicate the jQuery Homepage Tooltips]()
The jQuery homepage has a pretty suave tooltip-like effect as seen below:
The amount of jQuery required to duplicate this effect is next to nothing; in fact, there's more CSS than there is jQuery code! Let's explore how we can duplicate jQuery's tooltip effect.
The HTML
The overall...
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: