Skip to main content
sholtby
Participant
April 28, 2015
Question

Batch image resize/crop

  • April 28, 2015
  • 2 replies
  • 4549 views

Hi

I have a lot of images that need resizing to a specific size (1920x805) and saving out for web (ideally around 200kb max file size) to be used as hero images on a website.

Up until now, I have been doing this manually using the following process:

Create new 1920x805 pixel canvas

Drag image(s) into canvas, scale proportionately and centrally (holding shift + alt) until they fill the canvas

Save for web in jpg format, with a quality value of 30

I am completely new to Photoshop Scripts and Actions. Does anyone know if it is possible to automate this process using either a script or an action or maybe a tool/plugin?

Any help would be greatly appreciated.

Thanks

This topic has been closed for replies.

2 replies

JJMack
Community Expert
Community Expert
April 28, 2015

It is easy to do using a script from my Photo Collage Toolkit.   You just need to create a single image Collage template PSD file.

The PSD must Have a background layer that is 1920x805 pixels any resolution.  Resolution is meaningless on the web.

The PSD needs a Alpha Channel Named "Image 1" you create this using Ctrl+A Select all then menu Select>save selection>new channel "Image 1"

Then use menu File>Scripts>BatchOneImageCollage  Point iy at the your template abd a folder of images to create the collage.  You can optionally add a Layer style to the image and stamp the filename one the image  and save it flattened as a jpeg.  The script will always save the collage as a PSD file so you can tweak the images composition.1920:805 aspect ratio is very wide wider than HDTV 16:9 your Aspect ratio is about 16:7 you image need to more Panoramas than normal  Camera 4:3  or 3:2  aspect ratios some digital cameras have a 16:9 option  they would crop well to 1920x805.   The PSD collage have the  full Image as a smart object transform to fit the 1920x805 space you can change the PSD image composition by changing the layers associated transform. The Jpeg option in my script would use a high quality setting like 10

Photo Collage Toolkit

Photoshop scripting is powerful and I believe this package demonstrates this A video showing a 5 image collage PSD template  being populates with images:

The package includes four simple rules to follow when making Photo Collage Template PSD files so they will be compatible with my Photoshop scripts.

  1. Size the photo collage templates for the print size you want - width, height and print DPI resolution.
  2. Photo collage templates must have a Photoshop background layer. The contents of this layer can be anything.
  3. Photo collage templates must have alpha channels named "Image 1", "Image 2", ... "Image n".
  4. Photo collage templates layers above the background layers must provide transparent areas to let the images that will be placed below them show through.

There are twelve scripts in this package they provide the following functions:

  1. TestCollageTemplate.jsx - Used to test a Photo Collage Template while you are making it with Photoshop.
  2. CollageTemplateBuilder.jsx - Can build Templates compatible with this toolkit's scripts.
  3. LayerToAlphaChan.jsx - Used to convert a Prototype Image Layer stack into a template document.
  4. InteractivePopulateCollage.jsx - Used to interactively populate Any Photo Collage template. Offers most user control inserting pictures and text.
  5. ReplaceCollageImage.jsx - use to replace a populated collage image Smart Object layer with an other image correctly resized and positioned.
  6. ChangeTextSize.jsx - This script can be used to change Image stamps text size when the size used by the populating did not work well.
  7. PopulateCollageTemplate.jsx - Used to Automatically populate a Photo Collage template and leave the populated copy open in Photoshop.
  8. BatchOneImageCollage.jsx - Used to Automatically Batch Populate Collage templates that only have one image inserted. The Collage or Image may be stamped with text.
  9. BatchMultiImageCollage.jsx - Used to Automatically Batch Populate Any Photo Collage template with images in a source image folder. Easier to use than the interactive script. Saved collages can be tweaked.
  10. BatchPicturePackage.jsx - Used to Automatically Batch Populate Any Photo Collage template with an image in a source image folder
  11. PasteImageRoll.jsx - Paste Images into a document to be print on roll paper.
  12. PCTpreferences.jsx - Edit This File to Customize Collage Populating scripts default setting and add your own Layer styles.

Documentation and Examples

JJMack
sholtby
sholtbyAuthor
Participant
April 29, 2015

That is exactly what I was looking for. Life saver!! Thank you very much

Chuck Uebele
Community Expert
Community Expert
April 28, 2015

If you want to manually crop each image for the best crop, then I would make an action that crops to that size, no need to drag it to another canvas and scale. Then run run image processor with that action to save as jpg with the quality you want.