Batch Image Processing Illustrator Files With Javascript

We recently received a large set of .eps files that needed to be scaled, optimized and converted to .png format to use in an iOS and Android project. Here is a simple script you can use with Illustrator to process these. Save the code below as a javascript file. Then in Illustrator navigate to choose File > Scripts > Other Script and select the script.

var destFolder, sourceFolder, files, fileType, sourceDoc, targetFile, pngExportOpts;

// Select the source folder.
sourceFolder = Folder.selectDialog( 'Select the folder with Illustrator files you want to convert to PNG', '~' );

// If a valid folder is selected
if ( sourceFolder != null )
    files = new Array();
    fileType = prompt( 'Select type of Illustrator files to you want to process. Eg: *.ai', ' ' );

    // Get all files matching the pattern
    files = sourceFolder.getFiles( fileType );

    if ( files.length > 0 )
        // Get the destination to save the files
        destFolder = Folder.selectDialog( 'Select the folder where you want to save the converted PNG files.', '~' );
        for ( i = 0; i < files.length; i++ )
            sourceDoc =[i]); // returns the document object

            // Call function getNewName to get the name and file to save the pdf
            targetFile = getNewName();

            // Call function getPNGOptions get the PNGExportOptions for the files
            pngExportOpts = getPNGOptions();

            // Export as PNG
            sourceDoc.exportFile( targetFile, ExportType.PNG24, pngExportOpts );

        //alert( 'Files are saved as PNG in ' + destFolder );
        alert( 'No matching files found' );


getNewName: Function to get the new file name. The primary
name is the same as the source file.


function getNewName()
    var ext, docName, newName, saveInFile, docName;
    docName =;
    ext = '.png'; // new extension for png file
    newName = "";

    for ( var i = 0 ; docName[i] != "." ; i++ )
        newName += docName[i];
    newName += ext; // full png name of the file

    // Create a file object to save the png
    saveInFile = new File( destFolder + '/' + newName );

    return saveInFile;


getPNGOptions: Function to set the PNG saving options of the
files using the ExportOptionsPNG24 object.


function getPNGOptions()
    // Create the PDFSaveOptions object to set the PDF options
    var pngExportOpts = new ExportOptionsPNG24();

    // Setting PNGExportOptions properties. Please see the JavaScript Reference
    // for a description of these properties.
    // Add more properties here if you like
    pngExportOpts.antiAliasing = true;
    pngExportOpts.artBoardClipping = false;
    pngExportOpts.horizontalScale = 350.0; // scaling to 350%
    pngExportOpts.saveAsHTML = false;
    pngExportOpts.transparency = false;
    pngExportOpts.verticalScale = 350.0; // scaling to 350%

    return pngExportOpts;
Jacob Haskins

Jacob Haskins

Jacob has always had an interest in learning and problem solving. Whether working with Objective C, PHP, Actionscript, FLEX, JavaScript or any other language, he finds that there is always something new to learn. He enjoys development projects most when getting to use new technologies.

Leave a Reply

Your email address will not be published. Required fields are marked *



Recent Posts

Most Common Tags