Get your pictures ready

  • You must have a picture file (e.g. JPEG) not  a picture in a Word document.
  • Edit the picture then add it to the website.
  • Always edit a copy of your picture rather than the original.
  • Give the picture a short, sensible file name (to help you find it again).
  • Always check how large the file is (e.g. 4MB or 200KB).  If over 200KB reduce the file size and save a smaller version to add to your website.

These guidelines are for using Microsoft Picture Manager (usually part of the standard Microsoft Office package) but other programmes are available.  For example, www.gimp.org (free open-source software).

Cropping pictures

  1. Find the picture file (e.g. in My Documents) but don’t open it yet.  Open the picture in Microsoft Office Picture Manager by right clicking on the file name and choosing Open with, then Microsoft Office Picture Manager (or Office 2010) from the menu.
  2. Choose Edit Pictures on the top menu bar. A new menu will appear on the right-hand side.
  3. Choose Crop from the right hand menu. A new menu will appear on the right-hand side.
  4. You have two options to crop the picture either click on and drag on the black marks around the picture or reduce/ increase using the Crop handles boxes. When you are happy with the changes you have made, click OK. Finally, choose Save from the top menu bar.

Reducing the file size of pictures

So, you’ve cropped your picture and it looks great but what if the file size is still 2MB? To add the picture to a website it’s essential to reduce the file size. The larger the file’s size, the longer it will take to display on your website. With slow internet connections and large files your pictures may not even appear at all!

  1. Find the picture file (e.g. in My Documents) but don’t open it yet.  Open the picture in Microsoft Office Picture Manager by right clicking on the file name and choosing Open with, then Microsoft Office Picture Manager (or Office 2010) from the menu.
  2. Choose 100% in the Zoom box on the top drop-down menu.
  3. Your picture will most likely look huge at this point as it is now actual size! Next, choose Edit pictures on the top menu bar.  A new menu will appear on the right-hand side – from it choose Resize.
  4. The side menu options will change. Choose Percentage of original width x height. Keep reducing the % size in the box and pressing OK until the picture fits in the screen. (Press Ctrl and Z on your keyboard to undo a choice). If your pictures are quite large in size you may need to reduce them a lot – don’t worry about this. For example a photo 1.5MB in size; reducing it to 30% made it 171KB – a good size for adding to a website.
  5. Remember to press Save before you close the file.

Getting the website you want is a workshop presentation by Sarah Moss, Voluntary Organisation Support Officer, © Community Action Bradford & District. 

Community Action Bradford & District

Questions?

Get help from the Voluntary Organisation Support Officer team.


Get Adobe Reader