How to Resize Your images with a Batch Process in Photoshop

Share to:

Got a bunch of pictures for your website but dreading the thought of adjusting and resizing each and every one of them? It sucks. I know. Before I knew how to batch process them myself I hated working with large quantities of images.

Then I quickly learned this tip that has saved me tons of time and helped me get on to more important things.

Resize all your images at once

So you just got back from that conference in New York and you've filled up a couple of SD cards worth of pictures and you're ready to start posting some of them to your blog to show everyone who you were rubbing elbows with. But you're stuck with tons of huge images that are devouring your disk space and you just want to get them all down to a manageable size so you can work with them. Fear not! It's a really simple process and you can be done in just a couple minutes resizing hundreds of images.

To resize all your images at once open up Photoshop and go to File > Scripts > Image Processor…

photoshop-batch-process-1

This is going to give you a new dialog box that's going to ask you a few questions. First thing you will want to do is select your folder where your images are stored that you want to resize. You'll also want to select the location where you want the resized images to be saved.

One of the good things about this particular dialog is that you have the ability to select subfolders in addition to your main folder. If you're like me, you have directories within directories and instead of moving them all around it's easier to just select "Include sub-folders" and hit them all at the same time.

photoshop-batch-process-2

The next step is to select the quality and the size that you want the new images to be. The quality setting will relate to your file size, so make sure you go with the lowest possible setting you can use without losing asthetic quality. You don't want it to be so low they're all pixelated. Low quality images for the sake of fast load times don't do you any favors. You want your stuff to look awesome.

Since this example is for web images you'll likely want these to be in jpeg format so you can use the first set of fields under file-type.

photoshop-batch-process-3

One thing may jump out to you here. You may be thinking, "if I set those dimensions will it skew my images and make them look like crap?" The answer is no. The values you input here are maximum values for the longest side of any given image. If you set it to be square it will reduce the size of the image's longest side to be 800 pixels and will scale it correctly so that  the other side the proportions are kept intact.

The last step is to set any preferences that you need. Here you can select to run an action on your images like coverting to grayscale, or sepia, and, if so desired, you can set copyright info here too. Once you've got all your preferences set click "Run" and you're off to the races!

photoshop-batch-process-4

Photoshop will handle everything else from here. The images will be run through the process and copied in to your new folder that you selected. Go to the folder you specified in the first step and they'll all be there and they will be so much easier to work with! When you see them in the folder you'll notice that they're all sized down to the size you selected.

I've used this process numerous times when downloading images from my smart phone or from my camera's storage card. We've got thousands of images that have been reduced using this process, and it's perfect for getting those huge 4000 pixel wide images from your camera in to a format that is easier to work with so you can post them to your blog.

You can also do the same thing with Adobe's Fireworks. Stay tuned for how to resize your images in Fireworks soon.