Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

This question already has an answer here:

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?

share|improve this question

marked as duplicate by Ilmari Karonen, e-sushi, Scott, Kurt, Matt Oct 28 '13 at 18:42

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

Why don't you use slices? You would only need to create them once, and then you can save them indefinitely.. –  Yisela Aug 25 '13 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 Aug 25 '13 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. –  Ferdi Çıldız Aug 26 '13 at 7:26
They are side by side. Single layer. Need them in separate files (for placing on UI buttons). –  SharpAffair Aug 26 '13 at 19:03

1 Answer 1

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

share|improve this answer

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