This is the second part of a two part series (see part 1)
So, bulk reNAMING images wasn’t that hard was it?
Today, we’re going let software (and a website) handle the hard work of reSIZING images down to a normal size (because having to manually open 267 photos in Photoshop and resize them… would be a serious pain in the ass).
Just a quick recap from part 1:
- We’re building a website for a client
- That client asked us to add a photogallery
- After getting the flashdrive of photos, we found out that it was 267 images that totaled over 14.7GB! OMG.
- We started by reNAMING the files automatically using NameChanger
- Now that they are all renamed, we’ve gotta reSIZE them all now (automatically)
All caught up? Good.
There are many ways to resize images in bulk… I’m going to show you two ways today!
Bulk Resize Using Photoshop
If you are making websites professionally (or at least you want to be), you need Photoshop. Like we’ve mentioned in the past, Photoshop used to be really expensive but you can now get it for $19 per month (some people have gotten it for $10 per month) by going here.
SIDE NOTE: Checkout our growing collection of Photoshop Tutorials for Web Designers
However you get Photoshop, one feature that you are going to love is called Image Processor.
Image Processor (as you can imagine) can resize image in bulk super quickly.
From last time, we have a folder on the desktop with 267 image renames. So the folder/files currently look like this:
However, if you look at the Size column (second from the right) you’ll notice that they are all over the place. The files range from 1.7MB to 21MB. All wayyyyyyy too big for a photo gallery.
They are also in different file formats. There are JPGs, GIFs and TIFs.
The best format for photo gallery photos is JPG.
So let’s jump into Photoshop and make this happen.
In Photoshop, go to File > Scripts > Image Processor, like this:
Once you click on that menu entry, you’ll see the Image Processor popup that looks like this:
My settings are set from the last time I bulk resized images, so the default settings you see are probably different.
Assuming that they are, here are the 5 things you want to change:
- Check the Include All sub-folders checkbox, that way if you happen to have a folder with multiple folders in it, Photoshop will resize everything in all the sub folders.
- Click the Select Folder… button and browse to the folder that contains the photos
- Select the option to Save in Same Location, this makes your life easier when trying to find your newly resized photos
- Check the box to Save as JPEG (it will save as .jpg not .jpeg, promise)
- Check the box to Resize to Fit and type 800 wide by 600 high (or whatever size you want them to be)
Once you’ve done that, there is only one thing left to do… click the Run button
NOTE: If there is a file that cannot be processed, you will see a popup that indicates which ones.
Depending on a few factors (your computer’s processor speed, how many images, how big those image are, etc…) you might see the images quickly flash within Photoshop, but once it’s done processing open the folder that contains the photos.
You might first think… “what gives ma? they are all the same?”, and you are right… Photoshop does not alter your original files… it makes a copy of them.
Which is good if you ever need the larger version.
Just look for a folder named JPEG in the folder with all the photos in it. It should look like this:
Open that JPEG folder and feast your eyes upon those perfectly renamed and resized images…
OOOhhhh yeayyyyy. We’re done!
Notice the photo sizes (the blue text under the filename)?
Since we set Photoshop to resize the photos to a MAX width of 800 AND and MAX height of 600, no images are larger than those two dimensions.
So what did you think of that process? Easy? Hope so!
if you’re thinking… hey Ian I don’t have Photoshop what do I do?
I’ve got your covered… keep reading.
Bulk Resize Image Using A Free Website
Well, there is a particularly cool website that can help.
If you do a Google search for image resizer you’ll get a little over 2 MILLION results.
That’s way too many to try, but we’ve found a great one that is super-easy to use and best of all… free.
It’s called BIRME.
Now, I know exactly what you are thinking… WTF IS BIRME?
It’s an acronym for Batch Image Resizing Made Easy. That makes sense, right?
And this is what it looks like (basically):
SIDE NOTE: I love simple websites that do one thing well. This is a great example of that. No frills, no accounts, no salesy pages… as a visitor to this website it is very clear what I can do here. Great job.
Using BIRMS is very simple, start by dragging and dropping files (or by using the Browse For Files button in the lower left corner).
I dragged a bunch of the original files into that window and it now looks like this:
You’ll notice that each photo is duplicated (2 thumbnails for each photo) in that window on the left. What it’s doing is showing you the original (left) and the resized (right).
By default it’s set to No auto-sizing, which means that it will crop the photo as best as it can to be exactly the dimensions you want (the default is 800X600).
You can see the cropping inaction in the above screenshot… look at the second photo from the top (the one with all the wood framing and the blue sky). Notice how the original photo (left) was a wide photo, but the resized version (right) is just the middle part of that photo and the left and right end are gone?
That’s because it made the photo exactly 800 X 600, so something had to get cropped.
If you are not happy with that type of resizing, select the option for Auto-width and now take a look at the thumbnails:
Now take a look at that second thumbnail… notice how you can see the entire photo?
If that’s what you want, great… but the photo dimensions will NOT be exactly 800X600.
It all depends on your style and what you want the end result to look like.
Once you’ve select the right resizing option for your particular needs, just click the SAVE .ZIP button
and your new zip file will be downloaded as a zip file to your computer!
NOTE: When you click the SAVE .ZIP button don’t be impatient… it has to process your zip file. Don’t click away or close your browser… just be patient.
This concludes our two part series on renaming and resizing images in bulk… leave a comment below and let us know what you think AND/OR share your methods for renaming / resizing images in bulk.
All Blog Posts
Copy & Paste FAQ
Learn Gravity Forms Fast
Managing Your Server
Web Design Business
Web Design Inspiration
Web Design Tutorials