2 Correct answers
...Hey @Stephen Marsh
Many thanks for that update, I got thte same error however but that's when no layer(s) are selected. The script worked after making sure at least one layer was selected 👍🏻
Would it be possible to tweak this with the following:
- all the layers in the PS doc are exported but as individual pngs, not merged into one?
- could each png be trimmed to remove the alpha, but still be divisible by 16? I guess the layer would be trimmed first then checked for it's divisibility. Th
Hey @Stephen Marsh , apologies for taking a while to respond. Thank you so much for helping me with this conundrum, I tried your code and it works a treat! All layers in the PSD are being exported as required, layers not divisible 16 being adjusted and layers already divisible by 16 not effected and exported.
You're welcome, thank you for the feedback. Full credit to @jazz-y for the code to check if the document canvas is divisible by 16.
...Just one thing extra, is it possible to input a
Explore related tutorials & articles
11
Replies
Hey @Stephen Marsh , many thanks for your replies. Yes I added a comment on my previous post but got not reply, so thought i'd try a new post.
I tried your code above by coping into a text doc and saving as .jsx. Is this correct?
When testing the script on an open PS doc I got the following error message:
Apologies again for my lack of coding knowledge, your help is greatly appreciated!
Cheers, Steve
Hey @Stephen Marsh
Many thanks for that update, I got thte same error however but that's when no layer(s) are selected. The script worked after making sure at least one layer was selected 👍🏻
Would it be possible to tweak this with the following:
- all the layers in the PS doc are exported but as individual pngs, not merged into one?
- could each png be trimmed to remove the alpha, but still be divisible by 16? I guess the layer would be trimmed first then checked for it's divisibility. Then finally pixels would be added or not added.
Many many thanks for your expertise!
Steve
By @SteviePee2
Please try the following script. Note: There is no validation or correction for invalid filename characters in the exported layer name used as the file name! It is also presumed that all layer names are unique.
/*
Export All Layers to PNG Canvas Force Divisible by 16px.jsx
https://community.adobe.com/t5/photoshop-ecosystem-discussions/photoshop-script-that-checks-each-layer-s-dimensions-are-divisible-by-n-during-png-export/td-p/13938692
Based on code from jazz-y - https://community.adobe.com/t5/photoshop-ecosystem-discussions/save-an-image-so-it-s-width-amp-height-are-divisible-by-a-required-number/m-p/12819944
v1.0 - 17th July 2023, Stephen Marsh
Note: There is no validation or correction for invalid filename characters in the exported layer name!
*/
#target photoshop
if (app.documents.length > 0) {
if (!documents.length) {
alert('There are no documents open!');
} else {
try {
var outputPath = app.activeDocument.path.fsName;
} catch (e) {
var outputPath = Folder.selectDialog("Unsaved base file, select the output folder:");
}
var counter = 0;
processAllLayersAndSets(app.activeDocument);
}
// Loop over top level layers
function processAllLayersAndSets(obj) {
// Process all layers and layer sets
// Change the following 2 entries of "obj.layers" to "obj.artLayers" to exclude layer sets
for (var al = obj.layers.length - 1; 0 <= al; al--) {
app.activeDocument.activeLayer = obj.layers[al];
div16toPNG();
}
}
function div16toPNG() {
// Skip the Background layer
if (!activeDocument.activeLayer.isBackgroundLayer) {
var filename = app.activeDocument.activeLayer.name;
dupeSelectedLayers(filename);
activeDocument.trim(TrimType.TRANSPARENT);
var s2t = stringIDToTypeID,
res = executeActionGet(getPropertyRef(p = s2t('resolution'))).getUnitDoubleValue(p),
w = executeActionGet(getPropertyRef(p = s2t('width'))).getUnitDoubleValue(p) * res / 72,
h = executeActionGet(getPropertyRef(p = s2t('height'))).getUnitDoubleValue(p) * res / 72;
(d = new ActionDescriptor()).putUnitDouble(s2t('width'), s2t('pixelsUnit'), (Math.ceil(w / 16)) * 16);
d.putUnitDouble(s2t('height'), s2t('pixelsUnit'), (Math.ceil(h / 16)) * 16);
d.putEnumerated(s2t('horizontal'), s2t('horizontalLocation'), s2t('center'));
d.putEnumerated(s2t('vertical'), s2t('verticalLocation'), s2t('center'));
executeAction(s2t('canvasSize'), d, DialogModes.NO);
var pngOptions = new ExportOptionsSaveForWeb();
pngOptions.PNG8 = false;
pngOptions.transparency = true;
pngOptions.interlaced = false;
pngOptions.quality = 100;
pngOptions.includeProfile = true;
pngOptions.format = SaveDocumentType.PNG;
var pngFile = new File(outputPath + "/" + filename + ".png");
if (pngFile.exists) {
// true = 'No' as default active button
if (!confirm("The file: '" + pngFile.name + "' - already exists!" + "\r" + "Overwrite: Yes or No?", true))
// throw alert("Script cancelled!");
throw null;
}
app.activeDocument.exportDocument(pngFile, ExportType.SAVEFORWEB, pngOptions);
counter++;
activeDocument.close(SaveOptions.DONOTSAVECHANGES);
function dupeSelectedLayers(theDocName) {
function s2t(s) {
return app.stringIDToTypeID(s);
}
var descriptor = new ActionDescriptor();
var reference = new ActionReference();
var reference2 = new ActionReference();
reference.putClass(s2t("document"));
descriptor.putReference(s2t("null"), reference);
descriptor.putString(s2t("name"), theDocName);
reference2.putEnumerated(s2t("layer"), s2t("ordinal"), s2t("targetEnum"));
descriptor.putReference(s2t("using"), reference2);
executeAction(s2t("make"), descriptor, DialogModes.NO);
}
function getPropertyRef(property) {
(r = new ActionReference()).putProperty(s2t('property'), property);
r.putEnumerated(s2t('document'), s2t('ordinal'), s2t('targetEnum'));
return r;
}
}
}
// Note: The Background layer is excluded from the length when using .artLayers vs .layers, layer sets are included in the count
alert(activeDocument.layers.length + " top-level layers exported to " + counter + " PNG files at:" + "\r" + outputPath);
} else {
alert("You must have a document open!");
}
Hey @Stephen Marsh , apologies for taking a while to respond. Thank you so much for helping me with this conundrum, I tried your code and it works a treat! All layers in the PSD are being exported as required, layers not divisible 16 being adjusted and layers already divisible by 16 not effected and exported.
You're welcome, thank you for the feedback. Full credit to @jazz-y for the code to check if the document canvas is divisible by 16.
Just one thing extra, is it possible to input a location for the export? A line in the code I could update maybe as needed?
Otherwise the code is perfect! Thanks again.
By @SteviePee2
Certainly, that is easy enough.
Change this code block from:
try {
var outputPath = app.activeDocument.path.fsName;
} catch (e) {
var outputPath = Folder.selectDialog("Unsaved base file, select the output folder:");
}
To this:
var outputPath = Folder.selectDialog("Select the output folder:");
EDIT: You could hard code in the save path, however, the folder selection is more flexible. It's also possible to set a default location for the folder selection window, which is the best of both worlds.
AdChoices