Convert PSD to PNG from Command Line

By  on  

I've been fascinated by basic image manipulation these days, which led to my Get the First Frame of an Animated GIF with ImageMagick and How to Create Screenshots in Firefox posts.  It was brought up in a comment to the Animated GIF post that ImageMagick can also export an image from a layer Photoshop PSD file.  They were right!

From the command line, you'd execute the same command:

convert 'website-design.psd[0]' website-screenshot.png

This time you cite the PSD file and voila, an image is created in milliseconds.  Sure you can manually do this within Photoshop or create a macro to do so, but if you have loads of Photoshop files you want to generate screenshots for, ImageMagick is gold!

Recent Features

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

  • By
    How to Create a RetroPie on Raspberry Pi – Graphical Guide

    Today we get to play amazing games on our super powered game consoles, PCs, VR headsets, and even mobile devices.  While I enjoy playing new games these days, I do long for the retro gaming systems I had when I was a kid: the original Nintendo...

Incredible Demos

  • By
    Rotate Elements with CSS Transformations

    I've gone on a million rants about the lack of progress with CSS and how I'm happy that both JavaScript and browser-specific CSS have tried to push web design forward. One of those browser-specific CSS properties we love is CSS transformations. CSS transformations...

  • By
    Introducing MooTools ScrollSidebar

    How many times are you putting together a HTML navigation block or utility block of elements that you wish could be seen everywhere on a page? I've created a solution that will seamlessly allow you to do so: ScrollSidebar. ScrollSidebar allows you...

Discussion

  1. Innnnteresting. This is probably a stupid question, but do you need Photoshop in order for it to export?

    • Jules Verne

      You need photoshop to create the image.

      Image magic is a complete separate tool

    • Jules is correct; you don’t need Photoshop to complete this.

  2. That’s amazing. If the above question is stupid, then this definitely is:
    How can ImageMagick decode the PSD at all if PS isn’t installed? Are PSDs packaged with some non-proprietary method? Like XML for layered images?

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