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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

Introduction When sharing photos, especially via e-mail, the large resolution images that most cameras take today make for extremely large file sizes. The time required to upload these files to forums, send in e-mails, post to blogs or even placi…
Read about why website design really matters in today's demanding market.
Users will learn how resize a batch of photos from a single command in Photoshop via Photoshop's Image Processor. Open up an Image you'd like to resize in Adobe Photoshop: Adjust the image size according to your preferences. Image > Adjustments > …
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

777 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