Tutorials:Resizing photos for the net

Previous: Tutorials:Night photography and long exposures Post Processing Articles Next: Tutorials:RAW : Starting to process RAW files
This page is a chapter in the book Post Processing Articles.
How to resize your photographs for posting on the internet.

Many photography forums have size limits that apply to both the physical and file size limits that apply when you post your photographs to the sites.

There are many ways to resize photographs for display on the internet, and an even larger range of photo editing software to do the resizing in. This tutorial is for Adobe Photoshop. Most other software packages offer similar menu options, so it may mean using the help feature in your software to convert these instructions to your own software.

Ausphotography has the following limits
* 1200 pixels maximum on a side and 400KB file size
* Photos linked from external sites do not have size or a KB limit, they are resized on the fly (but keep the file-size down as a courtesy for other members' bandwidth limitations) .

Resizing your Photograph

Open your Image in photoshop and do all your post processing.



When completed and ready to resize, Go to the menu and select Image > Image size



If needed change the ‘dimension’ to pixels. Make sure ‘constrain proportions’ is ticked and also ‘resample image’. Leave the resample method at the default – you can experiment with that later if you like, but its outside the reason for this tutorial.

Looking at the pixel dimension area of that screen, find which is larger of width or height, click in that box and type 800 (or whatever size you want/need). As below:



The Resolution box will determine the quality of your resized photograph. I leave mine at 240 normally, you can go lower, but if you go under 100 you risk seeing a visible deterioration on the quality of the final resized photograph.
Click OK. Photoshop will now resize your image automatically.You are now ready to save your photograph at the new size for uploading to the internet

In Photoshop there are two ways to save the resized photograph. Both are detailed below.

Using the “File > Save As” method

This method retains all your EXIF data, so is worthwhile using if you want other members to be able to view important data about your photograph, including, Camera used, shutter speed, aperture and ISO (and a lot more).

Firstly to save using this method your photograph must be in 8 Bit, go Image > Mode > check that 8 bits/channel is selected (if not - select it now).

Then go File > Save As



There are a few things to do on this screen. mainly, select where you are going to save this version of your photograph on your hard drive, give your file a name in the File Name box, and select JPG in the Format Box (if JPG is not available, you haven't changed your image to 8 Bit - see above). Once done, click Ok

You will then get a quality screen pop-up.



You will need to adjust the slider until the file size is below the required for the website where you are placing your photograph. As you adjust the slider, the file size data (to the right of the slider will change automatically). When done, click OK.

You have now saved your photograph at the smaller size (800 pixels in this example) and at a KB filesize appropriate for uploading.

Using the “Save for web” method


This method strips your EXIF data and therefore will not allow other members to see technical information recorded about the photograph.

Once your image is resized (as per the resizing instructions above)

Go File > Save for Web and Devices



On this screen there are several things to do as well, In the group of sliders on the top right, you will need to adjust the quality one to increase/decease the KB size to suit where you are uploading your photograph to. Under the bottom left corner of the photograph is a small text showing the KB file size, so adjust the quality slider until the KB size is appropriate.

Also in the sliders area is the "preset" option, to the right of that is a small triangle, click that triangle and select 'convert to sRGB'. The internet is optimised to work in the sRGB colourspace, so you might as well have your photograph in the same colourspace.

When you have got your photograph in the right KB file size, you are ready to save it, Click Save (top right). You will then be presented with a screen to select where on your hard disk you wish to save your photograph and the option to name it as well.



When you have set these, Click Save.


I hope this tutorial is useful to you and even if your do not use Photoshop to edit your photographs, that you can convert these instructions for your own software.

Please feel free to discuss this tutorial, if you pick up any errors in the above, let me know. If you use a different software package and wish to add your own tutorial, you are most welcome to.


If you do not have Photoshop and use Windows XP, you can try the free Image Resizer offered by Microsoft here, down the right hand side of that page find the Image Resizer file and download it. Then when you right click a photo using explorer you can quickly and easily resize it.

_________
Addendum:

There are two main controls for image file size when saving as a JPEG image.

First is the size in Pixels.
I.e. The number of pixels width x height.
Changing the size in Pixels has a secondary effect of changing the file size.
Eg. an image 3000px x 2000px resized to 1000px x 667px will be a smaller file, 6,000,000px
down to 667,000px.

But is the file small enough?

Secondly, the JPEG compression setting.
File size can also be adjusted by setting the JPEG quality (1-100) when you save the image.
The quality is also another way of saying which compression level you want.
The more compressed the image the more detail you may lose.

So to size an image for AP you should set the pixel size you want (typically no more than 1200 on a side)
and adjust the JPEG quality (compression) to get the file size under the 400KB limit.

Some other advanced controls that have a minor effect on the image size are:
  • Including meta data all, in part or none
  • Saving baseline or progressive (and how many scans, 3 or 5 etc)
  • Saving colour profile information (don't bother with sRGB as that's the web default)

Note: You should always make sure the image is saved as an sRGB colour profile for web publishing.
Previous: Tutorials:Night photography and long exposures Post Processing Articles Next: Tutorials:RAW : Starting to process RAW files

Posting Permissions

Posting Permissions
  • You may not create new articles
  • You may not edit articles
  • You may not protect articles
  • You may not post comments
  • You may not post attachments
  • You may not edit your comments