Is it possible to quickly export a .jpg and .png simultaneously in Photoshop?

Question

I work with product images for an online retail site. Each product image needs to have a .jpg copy and .png copy. Currently, I just export once as .jpg and then export again as .png. This is both time-consuming and I often forget one of the file types. Is it possible to have a quick export that creates both filetypes simultaneously?

I've read about batch processing and photoshop actions, but I can't seem to get them to work. I record this action: File > Export > Export As > "Select .jpg" > Export > "Set Filename & Location (Repeat for .png). This, however, doesn't seem to actually record any action.

I've also recorded: File > Save As > "Name File, Select Location, Format: .jpg" > Save (Repeat for .png). This works in that I can use it to simultaneously save as .jpg and .png, but it doesn't allow me to change the filename or location.

Answer 1

After doing some research I was able to develop my first Photoshop script to do the trick. This script might be a little dirty (I'm new to JavaScript).

The script does the following:

1. Ask the User for a filename.
2. Ask the User to select a save folder.
3. Save as .jpg
4. Save as .png
5. Alert the User that the operation is completed.

// ASK FOR FILENAME
var filename = prompt("Type in Filename", "untiled").replace(/\.[^\.]+$/, '');
// SELECT A SAVE LOCATION
var filepath = Folder.selectDialog("Choose a Save Location");


saveJPG(filename, filepath); // Run "Save as JPG" Function
savePNG(filename, filepath); // Run "Save as PNG" Function
alert("Complete"); // Alert the User that the Operation is Complete

// SAVE AS JPG
function saveJPG(filename, filepath) {
    var fileJPG = File(filepath + "/" + filename + ".jpg"); // Create .jpg file

    var jpgOptions = new JPEGSaveOptions;
    jpgOptions.quality = 9;
    jpgOptions.formatOptions = FormatOptions.STANDARDBASELINE;

    // Save as .jpg
    activeDocument.saveAs(fileJPG, jpgOptions, true, Extension.LOWERCASE);
};

// SAVE AS PNG
function savePNG(filename, filepath) {
    var filePNG = File(filepath + "/" + filename + ".png"); // Create .png file

    var pngOptions = new PNGSaveOptions;
    pngOptions.compression = 9;

    // Save as .png
    activeDocument.saveAs(filePNG, pngOptions, true, Extension.LOWERCASE);
};

To get a keyboard shortcut to run the script, I simply recorded a Photoshop action.