Did you ever had a situation where you need to resize lots of images to the same size but always felt lazy due to the fact that your computer is not one of those NASA Super Computers? Well, someone just asked me to do it for her since she had a 2GB website. No, I am not exaggerating things. It was a 2GB website and it was only a few pages(HTML fails). But yeah. The reason was each of those images was taken using a DSLR Camera with more than 3,000 pixels. Each file was about 3MB. Now if you are hosting that on a local machine, you can never see the problem. However, if you try to have it hosted somewhere on an enterprise server, not only would it cost a lot to host a 2GB website. The bandwith it would eat would be HUGE! On top of that, your visitors would leave the page annoyed that it takes forever to view the page. It's not really about the "Unlimited" space and bandwith cause still, you would end up being kicked off any server since you would be crippling the server.
Anyway, there's actually an easy way to resize your images using Photoshop. This should make the jobs of would-be-webmasters much easier. I've been there. I had a few experiences of my own where clients sends hundreds of high resolution images for their websites. This is good though so you can still play around the images. Besides, you can always make a high resolution image to a small one but not the other way around.
So without straying out the topic any further, lets dive into batch resizing images in Photoshop.
First you need to open Photoshop. I use a 64bit Photoshop CS4. You may have a different version but it should still work as the features we would be using is pretty much common for all versions.
Now you need to create another copy of all your images since we are resizing them down(Not unless you want to have the smaller files instead of the high-res ones for backup). On the backup files, you need to separate your images from the Landscape and Portrait. This makes sure that all images will have the same resolution. So just create a folder that's called Landspace and Portrait and paste the files inside those folders respectively.
Open the Actions tab by clicking on the play icon if you are using CS3 or CS4. If you don't have this tab visible, you can open the Actions tab by going to the Windows on the menu, and clicking Actions. or ALT+F9
When you have it open, click on the "Create New Action" button as shown in the mashup image below.
There will be a popup and give your action a name. In my case, I called it "Width 800px" and click Record.
It is important to note here that all your actions is being recorded by Photoshop. You would need to follow the instructions very carefully.
Now, Open a file. Again, Open a file, do not create one.
Next, Click on the Image Menu and select Image Size.
Since we are making an action to automate 800px width, type 800 and select pixels on the width and make sure Constrain Proportions is checked.
Click OK and save and close the file.
Now it's done. Click the stop button on the Actions Tab.
Now comes the fun part. Automating it so we can just leave our computer while it does a batch process of resizing our images.
In Photoshop, click on file and select Automate >> Batch.
Under Actions, Select the recording we just created, Width 800px.
Under Source, Select Folder and browse to the folder where you want to resize the images to a width of 800px.
Click on Override Action Open Commands.
Now since we have a backup copy of the images we are resizing already, you can just select Save and Close under Destination.
That's it. When you click OK, Photoshop will go open each file on the folder, resize them to 800px width and save the file. Now you can leave your computer while you watch TV while Photoshop does it's magic. You can now convert your thousands of images without actually being in front of your computer. This will automate the process for you.
Of course, you need to resize the height of the portrait images as well. All you need to do is change one of the process stated above and edit the height instead of the width to 800px.
Well, that's it. You can leave a comment if you think this is helpful and share it to people.