Illustrator export script for efficient saving of images as web-friendly jpg files

Question

Illustrator export script for efficient saving of images as web-friendly jpg files

Looking for assistance with creating a script in illustrator CC2017 that can automatically export files to web (legacy) as JPG, save the file, and then close it. I have 700 files, each with 2 art boards, and manually exporting and saving each one is time-consuming. Any suggestions or script recommendations would be greatly appreciated.

javascript export jpeg adobe-illustrator

Answer 1

Answer №1

Here is the customized script based on your specifications. I have made adjustments to Script 1 to meet your requirements. It now assumes the ruler is in Points by default, converts it to inches, and incorporates it into the file name. Additionally, it includes logic to handle artboards beyond 26, displaying something different in that scenario. ASCII code is utilized for this purpose.

var folder = Folder.selectDialog();
if (folder) {
    var files = folder.getFiles("*.ai");
    for (var i = 0; i < files.length; i++) {
        var currentFile = files[i];
        app.open(currentFile);
        var activeDocument = app.activeDocument;
        var jpegFolder = Folder(currentFile.path + "/JPG");
        if (!jpegFolder.exists)
            jpegFolder.create();
        var codeStart = 97; // for a;
        for (var j = 0; j < activeDocument.artboards.length; j++) {
            var activeArtboard = activeDocument.artboards[j];
            activeDocument.artboards.setActiveArtboardIndex(j);
            var bounds = activeArtboard.artboardRect;
            var left = bounds[0];
            var top = bounds[1];
            var right = bounds[2];
            var bottom = bounds[3];
            var width = right - left;
            var height = top - bottom;
            if (app.activeDocument.rulerUnits == RulerUnits.Points) { //Add more if for more conversions
                width = width / 72;
                height = height / 72;
            }
            var fileName = activeDocument.name.split('.')[0] + "-" + String.fromCharCode(codeStart) + "-" + width + "x" + height + ".jpg";
            var destinationFile = File(jpegFolder + "/" + fileName);
            var type = ExportType.JPEG;
            var options = new ExportOptionsJPEG();
            options.antiAliasing = true;
            options.artBoardClipping = true;
            options.optimization = true;
            options.qualitySetting = 100; // Set Quality Setting
            activeDocument.exportFile(destinationFile, type, options);
            codeStart++;
        }
        activeDocument.close(SaveOptions.DONOTSAVECHANGES);
        currentFile = null;
    }
}

Answer 2

Here is the customized script based on your specifications. I have made adjustments to Script 1 to meet your requirements. It now assumes the ruler is in Points by default, converts it to inches, and incorporates it into the file name. Additionally, it includes logic to handle artboards beyond 26, displaying something different in that scenario. ASCII code is utilized for this purpose.

var folder = Folder.selectDialog();
if (folder) {
    var files = folder.getFiles("*.ai");
    for (var i = 0; i < files.length; i++) {
        var currentFile = files[i];
        app.open(currentFile);
        var activeDocument = app.activeDocument;
        var jpegFolder = Folder(currentFile.path + "/JPG");
        if (!jpegFolder.exists)
            jpegFolder.create();
        var codeStart = 97; // for a;
        for (var j = 0; j < activeDocument.artboards.length; j++) {
            var activeArtboard = activeDocument.artboards[j];
            activeDocument.artboards.setActiveArtboardIndex(j);
            var bounds = activeArtboard.artboardRect;
            var left = bounds[0];
            var top = bounds[1];
            var right = bounds[2];
            var bottom = bounds[3];
            var width = right - left;
            var height = top - bottom;
            if (app.activeDocument.rulerUnits == RulerUnits.Points) { //Add more if for more conversions
                width = width / 72;
                height = height / 72;
            }
            var fileName = activeDocument.name.split('.')[0] + "-" + String.fromCharCode(codeStart) + "-" + width + "x" + height + ".jpg";
            var destinationFile = File(jpegFolder + "/" + fileName);
            var type = ExportType.JPEG;
            var options = new ExportOptionsJPEG();
            options.antiAliasing = true;
            options.artBoardClipping = true;
            options.optimization = true;
            options.qualitySetting = 100; // Set Quality Setting
            activeDocument.exportFile(destinationFile, type, options);
            codeStart++;
        }
        activeDocument.close(SaveOptions.DONOTSAVECHANGES);
        currentFile = null;
    }
}

Answer 3

Answer №2

If you're looking to convert all ai files in a specific folder into jpg format, the following javascript code will help you achieve that. This code prompts you to choose a folder containing 700 files.

Script 1: Using JPEGQuality

var folder = Folder.selectDialog();
if (folder) {
    var files = folder.getFiles("*.ai");
    for (var i = 0; i < files.length; i++) {
        var currentFile = files[i];
        app.open(currentFile);
        var activeDocument = app.activeDocument;
        var jpegFolder = Folder(currentFile.path + "/JPG");
        if (!jpegFolder.exists)
            jpegFolder.create();
        for (var j = 0; j < activeDocument.artboards.length; j++) {
            var activeArtboard = activeDocument.artboards[0];
            activeDocument.artboards.setActiveArtboardIndex(j);
            var fileName = activeDocument.name.split('.')[0] + "Artboard" + (j + 1) + ".jpg";
            var destinationFile = File(jpegFolder + "/" + fileName);
            var type = ExportType.JPEG;
            var options = new ExportOptionsJPEG();
            options.antiAliasing = true;
            options.artBoardClipping = true;
            options.optimization = true;
            options.qualitySetting = 100; // Set Quality Setting
            activeDocument.exportFile(destinationFile, type, options);
        }
        activeDocument.close(SaveOptions.DONOTSAVECHANGES);
        currentFile = null;
    }
}

Each ai file contains two artboards, resulting in two jpg files per file. You have the flexibility to customize file names and output folder locations according to your needs.

Script 2: By changing resolution

var folder = Folder.selectDialog();
if (folder) {
    var files = folder.getFiles("*.ai");
    for (var i = 0; i < files.length; i++) {
        var currentFile = files[i];
        app.open(currentFile);
        var activeDocument = app.activeDocument;
        var jpegFolder = Folder(currentFile.path + "/JPG");
        if (!jpegFolder.exists)
            jpegFolder.create();
        var fileName = activeDocument.name.split('.')[0] + ".jpg";
        var destinationFile = File(jpegFolder + "/" + fileName);
        // Export Artboard where you can set resolution for an image. Set to 600 by default in code.
        var opts = new ImageCaptureOptions();
        opts.resolution = 600;
        opts.antiAliasing = true;
        opts.transparency = true;
        try {
            activeDocument.imageCapture(new File(destinationFile), activeDocument.geometricBounds, opts);
        } catch (e) {

        }
        activeDocument.close(SaveOptions.DONOTSAVECHANGES);
        currentFile = null;
    }
}

Script 2 generates only one jpg file per ai file, disregarding the artboards. Feel free to utilize both scripts to streamline your tasks.

Answer 4

If you're looking to convert all ai files in a specific folder into jpg format, the following javascript code will help you achieve that. This code prompts you to choose a folder containing 700 files.

Script 1: Using JPEGQuality

var folder = Folder.selectDialog();
if (folder) {
    var files = folder.getFiles("*.ai");
    for (var i = 0; i < files.length; i++) {
        var currentFile = files[i];
        app.open(currentFile);
        var activeDocument = app.activeDocument;
        var jpegFolder = Folder(currentFile.path + "/JPG");
        if (!jpegFolder.exists)
            jpegFolder.create();
        for (var j = 0; j < activeDocument.artboards.length; j++) {
            var activeArtboard = activeDocument.artboards[0];
            activeDocument.artboards.setActiveArtboardIndex(j);
            var fileName = activeDocument.name.split('.')[0] + "Artboard" + (j + 1) + ".jpg";
            var destinationFile = File(jpegFolder + "/" + fileName);
            var type = ExportType.JPEG;
            var options = new ExportOptionsJPEG();
            options.antiAliasing = true;
            options.artBoardClipping = true;
            options.optimization = true;
            options.qualitySetting = 100; // Set Quality Setting
            activeDocument.exportFile(destinationFile, type, options);
        }
        activeDocument.close(SaveOptions.DONOTSAVECHANGES);
        currentFile = null;
    }
}

Each ai file contains two artboards, resulting in two jpg files per file. You have the flexibility to customize file names and output folder locations according to your needs.

Script 2: By changing resolution

var folder = Folder.selectDialog();
if (folder) {
    var files = folder.getFiles("*.ai");
    for (var i = 0; i < files.length; i++) {
        var currentFile = files[i];
        app.open(currentFile);
        var activeDocument = app.activeDocument;
        var jpegFolder = Folder(currentFile.path + "/JPG");
        if (!jpegFolder.exists)
            jpegFolder.create();
        var fileName = activeDocument.name.split('.')[0] + ".jpg";
        var destinationFile = File(jpegFolder + "/" + fileName);
        // Export Artboard where you can set resolution for an image. Set to 600 by default in code.
        var opts = new ImageCaptureOptions();
        opts.resolution = 600;
        opts.antiAliasing = true;
        opts.transparency = true;
        try {
            activeDocument.imageCapture(new File(destinationFile), activeDocument.geometricBounds, opts);
        } catch (e) {

        }
        activeDocument.close(SaveOptions.DONOTSAVECHANGES);
        currentFile = null;
    }
}

Script 2 generates only one jpg file per ai file, disregarding the artboards. Feel free to utilize both scripts to streamline your tasks.

Answer 5

Answer №3

This VBA example showcases the use of a specific Excel statement

Sub Export_All_Excel()
Dim fileSystem As Object
Dim illustratorRef As Object
Dim documentRef As Object
Dim jpegExportOptions As Object
Dim fileObj As Object
Dim path As String

    Set fileSystem = CreateObject("Scripting.FileSystemObject")
    Set illustratorRef = CreateObject("Illustrator.Application")
    Set jpegExportOptions = CreateObject("Illustrator.ExportOptionsJPEG")

    ' Set export options
    jpegExportOptions.AntiAliasing = False
    jpegExportOptions.QualitySetting = 70

    path = Application.ActiveWorkbook.Path

    For Each fileObj In fileSystem.GetFolder(path).Files
        If LCase(Right(fileObj.Name, 3) = ".ai") Then
            Debug.Print fileObj.Name
            Set documentRef = illustratorRef.Open(path + "\" + fileObj.Name)
            Call documentRef.Export(path + "\" + fileObj.Name + ".jpg", 1, jpegExportOptions)
            Set documentRef = Nothing
        End If
    Next

    ' Illustrator remains open but invisible
End Sub

Answer 6

This VBA example showcases the use of a specific Excel statement

Sub Export_All_Excel()
Dim fileSystem As Object
Dim illustratorRef As Object
Dim documentRef As Object
Dim jpegExportOptions As Object
Dim fileObj As Object
Dim path As String

    Set fileSystem = CreateObject("Scripting.FileSystemObject")
    Set illustratorRef = CreateObject("Illustrator.Application")
    Set jpegExportOptions = CreateObject("Illustrator.ExportOptionsJPEG")

    ' Set export options
    jpegExportOptions.AntiAliasing = False
    jpegExportOptions.QualitySetting = 70

    path = Application.ActiveWorkbook.Path

    For Each fileObj In fileSystem.GetFolder(path).Files
        If LCase(Right(fileObj.Name, 3) = ".ai") Then
            Debug.Print fileObj.Name
            Set documentRef = illustratorRef.Open(path + "\" + fileObj.Name)
            Call documentRef.Export(path + "\" + fileObj.Name + ".jpg", 1, jpegExportOptions)
            Set documentRef = Nothing
        End If
    Next

    ' Illustrator remains open but invisible
End Sub

Illustrator export script for efficient saving of images as web-friendly jpg files

Answer №1

Answer №2

Answer №3

Similar questions

Creating a character jump animation on an HTML5 canvas

Node.js server experiencing delays handling multiple requests causing timeouts

Embedding SVG styling directly into the HTML document

Node.js is known for its unreliable promise returns

The alert function is not being triggered upon receiving a JSON response

Pressing the tab key makes all placeholders vanish

Tips on deleting CSS comments from a CSS file

What is the best way to show a macOS progress pie loading icon alongside files?

Learn the process of covering the entire screen with a video

To prevent the background window from being active while the pop-up is open

Angular Reactive Forms may not properly update other inputs when binding a control to multiple inputs

"Utilize the power of the ajaxform jQuery plugin to automatically reset form fields

Searching for various object values within an array and then adding two properties together in JavaScript

Retrieving data with model.fetch in Backbone.js when the server response is null

Achieving Efficiency with Handlebars: Streamlining Remote Template Organization and

Create a custom slider using jQuery that pulls in real-time data for a dynamic user

Is it possible to utilize npm request multiple times within a single route and showcase the outcomes on a single page?

<a href> click here to append a new query parameter to the existing ones

Guide on printing in an Ionic application using print.js without the need to open the printer setup page

Issue with Laravel: Using `$request->all()` results in an empty array when called using JSON XHR