When saving as a PSD, have a PNG also saved automatically

Question

On Photoshop CS5, I had it set up so that whenever I saved a .psd, whether it were through cmd-s or the file menu, it would also save a file as a .png with the same name.

I upgraded to CS6 and now I have no idea how to recreate this. Sadly, or stupidly, I uninstalled CS5 so I can't attempt to troubleshoot that way.

Does anyone know how to do this? I don't want to have to run an action every time I want to save a psd as a png, I want it to happen automatically, every time I save.

I appreciate all and any help here.

Thank you, Jacob

Answer 1

You can create your own script if you want, here's a simple one:

main(); 
function main(){ 
    var Name = app.activeDocument.name.replace(/\.[^\.]+$/, ''); 
    var Ext = decodeURI(app.activeDocument.name).replace(/^.*\./,''); 
    if(Ext.toLowerCase() != 'psd') return; 
    var Path = app.activeDocument.path; 
    var saveFile = File(Path + "/" + Name +".png"); 
    if(saveFile.exists) saveFile.remove(); 
    SavePNG(saveFile); 
} 

function SavePNG(saveFile){ 
    pngSaveOptions = new PNGSaveOptions(); 
    activeDocument.saveAs(saveFile, pngSaveOptions, true, Extension.LOWERCASE); 
} 

• To use this go to File > Scripts > Scripts Event Manager
• Tick "Enable Events to Run Scripts/Actions"
• Select "Save Document" from the Photoshop Event dropdown
• In the next dropdown box select your new script and click add.

Now every time you do a save, the script will check if you are saving it as a PSD, if it is, it will save a PNG with the same name to the same location.

Note: this will overwrite an existing PNG if there is already one in the save location.

Answer 2

Are you sure it was a PNG and not a JPEG? To save a JPEG every time you save your document, open the Script Events Manager.

Then enable events to run scripts and set up an event to save a JPEG when you save your document.

---

You could probably also set up an Automator Workflow in OS X to watch a folder and duplicate and convert PSDs to PNGs.

But it seems likely that the Script Events Manager method is what you had set up previously.

Answer 3

You can add a description to the script too.
Just add it on the top of Krazer's script for example.
Please mind the naming though!
My script was named Save Extra PNG.jsx

//Name and desciption for Photoshop's Script Events Manager
var begDesc = "$$$/JavaScripts/SaveExtraPNG/Description=This script is designed to be used as a script that runs after a save event. The script will save an extra PNG file next to the saved PSD (only) document. It will overwrite PNG files with the same name WITHOUT ASKING for confirmation. Use it wisely!" // endDesc
var begName = "$$$/JavaScripts/SaveExtraPNG/MenuName=Save Extra PNG" // endName  

...and here goes the rest of the code...

Answer 4

This is possible, go to File -> Save As or CTRL+Alt+S, then select the PNG file type and click Save.