Resizing an image for the web with Photoshop
In this day and age, our cameras are capable of producing very large files. Uploading a full resolution image to the web isn’t ideal as it will take longer to upload and longer to load up on the webpage that’s displaying it. Indeed, due to these issues, may photo hosting websites will ask you to reduce the size of your large images before you upload them.
The good news is that resizing an image for uploading to a website is a very simple process. Follow the steps below and see for yourself how easy it is.
In Photoshop, open the image you want to resize. Your screen should look something like this:
We’re now ready to resize this image. Go to the menu bar at the top and choose Image > Image size. It will bring up a box like the one below:
As you can see, my photo is over 7000 pixels wide, yours may well be different. I want to change this to something more manageable, so I’m changing it to 1200 pixels. You may want to make it bigger or smaller, depending on what your need is.
Now we have an image that is 1200 pixels on its long edge as opposed to 7360. Now we need to save it. Be very careful when you do – you do not want to save it with the same filename as the original, otherwise your new reduced resolution version will overwrite the full resolution one! Personally, I like to save mine with the words “reduced res” after the filename so there’s no confusion.
To save the reduced resolution file, choose File > Save As… Once you have given the file a suitable name, you will be presented with this box:
By making sure the Preview box is ticked, when you move the slider around, you will notice that it shows you the size of the file (in this instance, 415.6Kb). Slide this around until it’s appropriate for your needs.
And there you go! How to resize and image for uploading to the web with Photoshop.