Getting started with images for online
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 you need to use the correct image editing software (Dreamweaver is not image editing software), understand the concepts and have the right skills.
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 firstname.lastname@example.org 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). Check the ICT Recommended Desktop Computer Software page for instructions.
- 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. Check the ICT Recommended Desktop Computer Software page for instructions.
- Never use Dreamweaver to resize an image - this only changes 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.