Canvas Resize to Square for a large number of images using script.

[Guest]

Hi All,

I have a large number of images that I need to resize the canvas sizes to a square, the images are currently in different sizes. For example, if an image is 1020 x 600 I would like to change the canvas to 1020 x 1020 so that the image becomes a square. I am using CS3 and all the images are jpeg's. I have done research on scripts but the ones I have tried have not worked. Please help.

Thanks.

Apologies, in the title I meant, if the image is 1020 x 600 i would like to change the canvas to 1020 x 1020.

[Chuck Uebele]

Are the images all the same size of 1020px?

[Guest]

The images I have vary in size, I need to make 8000 images square, some are 175 x 65 some are 1644 x 1280.

[D Fosse]

Just to get it out of the way - do you want to crop to make them square, or add black borders? Obviously you can't take a 16:9 ratio and "make it square".

[Guest]

Nope didn't want to crop any of the images, just need to get the both height and width for each image to match, so in other words, adding white space to the height or the width to make it square

[D Fosse]

I think you'll have to run them in same size batches. Then it's just an action with Image > Canvas Size, the units set to pixels, and canvas extension color white. Run the action as a batch (File > Automate > Batch).

If they're all different sizes you could standardize first with File > Automate > Fit Image. This will fit both portrait and landscape to a single "longest side".

You can nest one action inside another if you need.

[Chuck Uebele]

Save the following code as a plain text with the extension .jsx or just .js (I can't remember is CS3 was using jsx.  Put the file in the Presets\Scripts folder of Photoshop.  You should then be able to batch run the script by creating an action then running that action in a batch.  I also can't remember is the resize command in CS3 used pixels or just percent, so see if it works on a sample image.

#target photoshop
app.preferences.rulerUnits = Units.PIXELS;

var backgroundC = new SolidColor();
backgroundC.rgb.red = 255;
backgroundC.rgb.green = 255;
backgroundC.rgb.blue = 255;
backgroundColor = backgroundC;

var doc = activeDocument
doc.resizeCanvas(Math.max(doc.width,doc.height),Math.max(doc.width,doc.height))
doc.resizeImage(1020,1020)

[chrisr48980919]

This worked PERFECTLY! I can't say how happy I am that I found this script.

[Accounts Solis]

Mate! That script is awesome! Thanks so much!

[McCallister81]

Hello all. I've found this script from Chuck very useful, thank you! However as I tweak to fit my needs, I'm encountering some issues. I have followed recommendations here & saved my script and made an action that runs script. From Bridge, I go Tools-->Photoshop-->Batch and run that action. But I get a dialog box come up for Preferences-->units & rulers that I need to act on & not sure what why I get that at all?

Alternativelty, I go Tools-->Photoshop-->Image Processor & have that that run the action/script too. This seems to run entire thing smoothly, but at end it gives a dialog saying "sorry I couldn't process the following files". Though the actual resulting files are really there and look correct...

Anyone else enouter this or have recommendation what to try? 

[JJMack]

Since you do not want to crop your images to a square 1:1 aspect ratio changing the canvas to be square will not make your images square they will retain their Aspect Ratio and  image size will be changer to fit within your 1020 px square. There will be a border or borders on a side or two borders on opposite sides.   You do not need a script because Photoshop ships with a Plug-in script to be used in Actions.   What is good about Plugins is the support Actions.  When you record the action the plug-in during action recording records the setting you use in its dialog into  the actions step.  When the Action is played the Plug-in use the recorded setting an bypasses displaying its dialog. So the Action can be Batch.  The Action you would record would have two  Steps.   Step 1  menu File>Automate>Fit Image... in the Fit Image dialog enter 1020 in the width and height  fields.  Step 2 Canvas size enter 1020 pixels in width and height  not relative leave the anchor point centered it you want even borders on two sides set color to white in the canvas size dialog. You can batch the action.

The above script will also work. Its squares the document then re-sizes to 1020x1020  the action re-sizes the image to fit with in an area 1020 x 1020 then add any missing canvas. The script like the action only process one image so it would also need to be batched. Record the script into and action and batch the action. As the author wrote. The script re size canvas did not specify an anchor point so the default center anchor point is uses  like the action canvas will be added to two sides.

[Guest]

All the images I have are of different sizes, so I don't need to change them all to 1020 x 1020 specifically, as some images are higher than that and some are lower res. I'm thinking there is some sort of script that will use an IF statement to increase a dimension to whichever dimension is higher for a image.

[Chuck Uebele]

If you don't need them all at 1020 and just want them square with the longest side the square size, delete the last line of the script that I posted above.

[Guest]

Just tried that but line 12 comes up with an error:

Error 25: Expected: ).

Line: 12

->

doc.resizeCanvas(Math.max(doc.width,doc.height),Math.max(doc.width,doc.height))

[Chuck Uebele · Accepted solution]

You may have deleted something you shouldn't have.  Here's the script again without the last line:

#target photoshop
app.preferences.rulerUnits = Units.PIXELS;

var backgroundC = new SolidColor();
backgroundC.rgb.red = 255;
backgroundC.rgb.green = 255;
backgroundC.rgb.blue = 255;
backgroundColor = backgroundC;

var doc = activeDocument
doc.resizeCanvas(Math.max(doc.width,doc.height),Math.max(doc.width,doc.height))

[Guest]

Hi.  Have come across the above and found it very useful.  Is there any way that I can automate the script so that I can run it on multiple images (around 6000) without having to go in to each one individually?

Apologies, probably quite basic, I'm very new to photoshop, using CS5

[Chuck Uebele]

The easiest way to do this would be to create an action that runs the script. Then use either the batch script or Image processor to run the action/script on open files or on a folder of files.

[Guest]

That's great, many thanks

[welnee]

Is there also a way to customize the scrip so it's add a border of lets say 10% so that the image is scaled down a bit in the sqaure?

[WebDesigner.bg]

This script helped me a lot! Thanks!

[mtraps]

Hello, I seem to get an issue. When I try to run script while recording action I get this:

Error 1302: No such element

Line: 9

->  var doc = activeDocument


Any asuggestions? I saved it as .js and put it in scripts (Using 2020)

[r-bin]

open any doc

[mtraps]

Not to sure what you mean? Sorry I am quite new with scripts

[r-bin]

You do not have at least one open file in Photoshop.

[mtraps]

Ahh got it thank you so much for getting back to me so quickly.