Images are generally large and need to be reduced for the web so they are small and usable. This process is known as optimising images for the web. If you are updating or adding images on a regular basis then it advisable that you purchase an image editor and follow the steps to optimise images yourself.
It is your department's responsibility to meet all legal requirements for the content in your website. You must comply with relevant laws eg the Copyright Act 1994 and Privacy Act 1993. This includes a range of content - images, student photos and information, music, other media and written content.
Options for optimising images
- Web Support can do minimal image optimising (our resources are limited).
Email email@example.com Please include the URL of the page you want to put the image on (this helps us know what size to resize the image).
- You can use an image editor. We recommend Photoshop Elements (any version is fine. Contact firstname.lastname@example.org for the cost of a license and getting it installed)
- Image tools within your computers operating system, or other image editing software your department already has are fine. The principles in these instructions apply to other software
- Mac users can use iphoto. Contact email@example.com for support
- Never use Dreamweaver to resize an image - you can only change the size the image displays at, not the file size
Steps to optimise images yourself
Step 1 - Obtain an image
- Make sure you comply with the Copyright Act 1994 and Privacy Act 1993. See Copyright and Privacy
- Scanning images
Step 2 - Understanding images
Step 3 - Editing: resizing or cropping images
- How to resize an image
Changing the resolution and physical size of an image by resizing it. The resized image looks exactly the same, but is smaller
- How to crop an image
Changing the resolution and physical size of an image by cropping. The image is cropped to the size you want the final image to be, and deletes unnecessary background
Step 4 - Saving photos or images with few colours
Step 5 - Putting images on the web
- Inserting images into your web pages using Dreamweaver
A checklist of key points for preparing images for the web
Examples: file size, file types and physical size
Examples of balancing image quality and file size, and how cropping can improve an image. The importance of using correct file types is shown.
Recommended image sizes are shown, and suggestions for custom sizing images.