Working with Images

Images help make your website more welcoming and engaging. This guide explains how to upload images, add them to your pages and follow some simple best practices.

Before you begin

Before uploading an image, make sure it:

• is clear and good quality
• is one you have permission to use

⚠ Having trouble uploading an image?

The most common cause of upload problems is an incorrect file name.

Before uploading, check that your file name:

• doesn’t contain special characters (such as &, %, !, ? or brackets)
• doesn’t contain double spaces
• is short and descriptive

Good examples

✔ community-garden.jpg

✔ summer-fair-2026.png

Avoid

✖ Summer Fair!!.jpg

✖ IMG (1).jpg

Upload an image from your computer

1. Scroll to the bottom of the screen and click Library.
2. Click Get New File.
3. Click Upload Files.
4. Click the green circular arrow.
5. Choose the image from your computer.
6. Click the blue Continue button.
7. Add a description for the image.
8. Click Continue again.
9. Your image will now appear in your Media Library.

Use an image from the free picture library

Digital Fife also includes a built-in library of free images.

1. Scroll to the bottom of the screen and click Library.
2. Click Get New File.
3. Click Free Pictures.
4. Browse the available images and choose one to add to your Media Library.

Add an image to a page

Before adding an image to a page, upload it to your Media Library first.

1. Go to the page you are editing.
2. Click New Widget.
3. Select Picture.
4. Click No Picture.
5. Choose an image.
6. Add a descriptive caption.
7. Tick the Caption box if you would like the caption to appear underneath the image.
8. Click Update.

Replace an image

1. Click the yellow Edit label directly underneath the image.
2. Click the image.
3. Choose an alternative image from the Media Library.

Crop an image

Cropping creates a new version of an image without changing the original.

1. Find the image in your Media Library.
2. Click the Crop button in the right-hand column.
3. Follow the on-screen instructions.

A new cropped version of the image will be created in your Media Library. The original image will not be replaced.

Good practice

• Use clear, high-quality images.
• Add a meaningful description to every image.
• Use your own photographs whenever possible.
• Avoid uploading duplicate images.
• Check how your images look on both desktop and mobile devices.

💡 Website tip: Real photographs of your organisation help visitors connect with your group far more than generic stock images.

Copyright

Only upload images that you have permission to use.

This includes:

• your own photographs
• images provided by your organisation
• images from the Digital Fife free picture library
• images where permission has been given

⚠ Don’t copy images from Google Search or other websites unless you have permission from the copyright owner.