How to save layers as GIF images?

Posted on 2006-07-11
Last Modified: 2010-04-02
Hi all..

When I have a PSD file that contains a design of an HTML page, I need to save each layer as GIF images so that they are displayed in the page.

This is the way I proceed:

- Select the layer by using Ctrl-Click over the layer in the layers palette.
- Press Ctrl-C to copy it
- Create a new image
- Paste
- Save for Web

That procedure is tedious when there are a lot of layers. Is there a better way to do this?
I tried by making visible only the layer I want to export but when I choose Save for Web, the image to be saved has the original dimension, not that the visible layer has.

Question by:skel
  • 3
  • 2

Expert Comment

ID: 17081672
You could hide the all the layers but one do a save as then go to the next one. Start with them all hiding, then go one at a time shouldn’t take more then a couple of minutes

Author Comment

ID: 17081844
Sorry... but I didn't understand. I have hidden all layers but one, and then?


Expert Comment

ID: 17086392
then do your save as and repeat for each layer that should be much faster then what you were doing

Author Comment

ID: 17086434
But when I do that, the resulting image size is the original one, not the size of the layer.

Suppose the document is 800 x 600, and the layer image is only 50 x 16. Of course I want to save only the image with 50 x 16, but by using "Save As" the whole canvas is saved.

Accepted Solution

Festaman earned 50 total points
ID: 17087363
o ok then crop it to fit, then undo it after the save as

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

HOW TO CREATE A WEB 2.0 IMAGE WITH A REFLECTION I would like to start by saying I know Web 2.0 isn't a style. It is actually the practice of information sharing or  collaboration on the Web. It is also associated with the technology that is used …
In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
In this tutorial viewers will learn how to create a Photoshop action to apply adjustments and effects to multiple images. Open a photo for editing in Photoshop: Open the Actions window by going to Window > Actions: Start a new action by selecting th…
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at

930 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now