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.

pic1

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:

pic2

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.

pic3

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:

pic4

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.

Leave a Reply

Your email address will not be published. Required fields are marked *

The Kiwi Social - Division of Welshot Imaging Limited

Plas Lon Las, Lon Las
Brynsiencyn 
Anglesey LL61 6TQ
North Wales
01248 719126

Social Scoop Newsletter

Social

Company Registration - 6700917