Popular:
 Building Resilient Systems on AWS: Learn how to design and implement a resilient, highly available, fault-tolerant infrastructure on AWS.

Get Image Dimensions from Command Line

By  on  

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.

Request Metrics real user monitoring
Request Metrics real user monitoring
Request Metrics real user monitoring
Request Metrics real user monitoring

Recent Features

  • By
    Interview with a Pornhub Web Developer

    Regardless of your stance on pornography, it would be impossible to deny the massive impact the adult website industry has had on pushing the web forward. From pushing the browser's video limits to pushing ads through WebSocket so ad blockers don't detect them, you have...

  • By
    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...

Incredible Demos

  • By
    Modal-Style Text Selection with Fokus

    Every once in a while I find a tiny JavaScript library that does something very specific, very well.  My latest find, Fokus, is a utility that listens for text selection within the page, and when such an event occurs, shows a beautiful modal dialog in...

  • By
    MooTools FontChecker Plugin

    There's a very interesting piece of code on Google Code called FontAvailable which does a jQuery-based JavaScript check on a string to check whether or not your system has a specific font based upon its output width. I've ported this functionality to MooTools. The MooTools...

Discussion

  1. Justin

    I like to use ImageMagick’s identify command. Easy to remember and gives the size along with some other helpful info:

    identify photo.jpg
  2. ennkay

    but that means having ImageMagick installed.

    on a mac you have the native sips command that returns info and modifies image files.
    ex. to get all sorts of info on an image just do:

    sips -g all  /Users/your_account/image_path.mime

    more info on sips available at:
    https://developer.apple.com/library/mac/documentation/Darwin/Reference/ManPages/man1/sips.1.html

    • David Walsh

      Wow, thanks for the heads up! I didn’t know about sips!

  3. Jose Miguel Pérez

    Wow! I always wonder why the command file is so unknown on the Mac?

    $ file test.psd
test.psd: Adobe Photoshop Image, 918 x 445, RGB, 3x 8-bit channels

    No need to install anything! Use man file for more information. Works for every kind of files, not just images:

    $ find . -print0 | xargs -0 file
.:                                     directory
./.DS_Store:                           Apple Desktop Services Store
./Designs:                             directory
./Designs/.DS_Store:                   Apple Desktop Services Store
./Designs/Web Structure.txt:           UTF-8 Unicode text
./Designs/WebContents.docx:            Microsoft Word 2007+
./Designs/WebContents.rar:             RAR archive data, v1d, os: Win32
./Designs/OCMWeb02:                    directory
./Designs/OCMWeb02/.DS_Store:          Apple Desktop Services Store
./Designs/OCMWeb02/OcmWeb07Copy.png:   PNG image data, 973 x 984, 8-bit/color RGB, non-interlaced
./Designs/OCMWeb02/OcmWeb10Backup.png: PNG image data, 975 x 877, 8-bit/color RGB, non-interlaced
./Designs/Logos - Testing 2.ai:        PDF document, version 1.5
./Designs/Testing Cards.ai:            PDF document, version 1.5
[...]

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!