This is achievable with a simple batch action assuming each icon is its own individual SVG file. Assuming thats the case and if the only thing you want to do is export each file as a 50x50 asset, open one of your SVG files and start recording a new action.
While recording:
- Click File > Export > Save for Web (Legacy)
- For file type, select PNG-24
- Enable transparency assuming thats what you want
- Under Image size, make the size of your export 50x50
- Click Save
- Choose the location where you want to save ALL of your exported PNG icons (make it different from where your SVGs are. Dont make it a subfolder in your SVG folder for reasons that will be clear later.)
- After the Save for Web window closes, click File > Close (because you made no changes to the file, it should close without asking to save)
- Stop Recording your action
- Rename your action to something like "SVG to PNG 50x50"
Now that you have an action that exports one SVG as PNG, you can do it for many at a time with Batching.
Before running a batch action, it's advised that you save and close any other work you have not only in Illustrator, but other applications as well. Once you have, you can run your batch process.
To run a batch process, from the Actions tab:
- Click the action you just created and click the hamburger menu in the top right corner of the Actions tab, then click Batch... at the bottom.
- Because you had your action selected, you should see the action already selected in the "Play" section of the Batch window.
- For the Source, you'll want to make sure the dropdown says "Folder" and then click Choose below it. This is where you'll select the folder where all your SVG icons are kept.
- If your SVG icons are categorized in subfolders, you'll need to make sure the checkbox "Include All Subdirectories" is enabled. This is where it is imperative that you double-check to make sure where you're saving your PNGs is not in the same folder as the SVGs or even a sub-folder in your SVG folder because if it is, you'll run into an infinite loop of exporting PNGs.
- For Destination, choose "None". This may seem wrong, but we've already decided where the Save for Web action would save the PNG. No need to save them again in the batching process.
- Click OK.
What you should see after starting the batch action is each file opening, exporting the PNG to the specs listed above, and then closing itself. It should be obvious to note that this will happen for each SVG file in your folder, so if you have over 1000 icons to export, be prepared to wait a while until it's done. But in the end, you will have saved yourself quite a bit of time.
Hope this helps.
11
Replies
AdChoices