2

I have multiple small icons in a single file. They are separated with transparency. So I can manually select them and save individually. But this takes long time with many parts. Is it possible to automatically save each non-transparent piece to separate file?

4
  • Why don't you use slices? You would only need to create them once, and then you can save them indefinitely..
    – Yisela
    Commented Aug 25, 2013 at 20:51
  • if this is for a web site, you may not want to slice them at all and instead make it part of a CSS Sprite.
    – DA01
    Commented Aug 25, 2013 at 21:31
  • Is your icons on seperate layers? Or you ordered them side by side? By the way, CSS Sprite is may be a good idea. Commented Aug 26, 2013 at 7:26
  • They are side by side. Single layer. Need them in separate files (for placing on UI buttons). Commented Aug 26, 2013 at 19:03

1 Answer 1

2

Actually, it depends on what you've got there.

  1. If all icons reside on separat, individual layers, that's pretty easy. Go to your menu and select...

    File > Scripts > Export Layers To Files

    For your purposes, you'll most probably want to make sure you have the "Trim Layers" option checked.

  2. If all your icons are on a single, transparent layer, it's easy too. You can use the regular "Save for Web & Devices" and export all slices as images in one go. To create slices, simply use the "slice tool" to select the individual icon areas.

    slice tool

    export steps

Not the answer you're looking for? Browse other questions tagged or ask your own question.