Image Guidelines

How to upload and organise images on the Tailored Travel website.

The two types of image folder

When you create a new folder in the Media section, you can choose between two folder types:

• Folder - Responsive — the folder you should use for almost everything. Images uploaded here are automatically set up for responsive display on the website (different crop sizes for mobile, tablet, desktop, and social sharing).
• Folder — the standard folder. Only use this for mixed content like logos, icons, PDFs, or SVGs.

Rule of thumb: if you’re uploading photos of places, sights, tours, groups, or people — use Folder - Responsive.

You can tell them apart in the Media tree by the icon:

• Folder - Responsive has a stacked folder icon
• Folder has a plain folder icon

Creating a new Folder - Responsive

1. Go to the Media section
2. Click Create (either at the root, or inside another folder)
3. Choose Folder - Responsive
4. Give it a name (e.g. a country name, a sight name, or a tour group name)
5. Save

Uploading images

One or two images

1. Open the folder
2. Either drag the files into the folder area, or click Create and choose Image - Responsive

Bulk upload (many images at once)

1. Open your Folder - Responsive
2. Select all the files on your computer (Shift+click or Ctrl/Cmd+click)
3. Drag them into the folder area in Umbraco
4. Wait for the upload progress bars to all reach 100%
5. If the images don’t appear immediately, click Save — Umbraco sometimes needs the save step to finish committing the upload
6. The files are now uploaded as Image - Responsive items, ready for use

Why this matters: if you upload images into a standard Folder, Umbraco will ask you to choose an image type for each file — unusable for bulk uploads. A Folder - Responsive skips that step and always creates responsive images.

After uploading — add metadata

Each uploaded image should have:

• Alt text — describes what’s visually in the image (for screen readers and accessibility). Example: “Group of fifteen tour participants standing in front of Monreale Cathedral”
• Title — the short display name (e.g. “Monreale Cathedral”)
• Description — describes what the place is, for captions on pages (e.g. “12th-century cathedral near Palermo, famous for its Byzantine mosaics”)

Click into an image after upload to fill these in.

Folder naming

Keep folders organised by country at the top level:

• UK
• Italy
• Spain
• Belgium
• etc.

Images should be named with the sight first, then a short descriptor:

• Monreale Cathedral - mosaics.jpg
• Monreale Cathedral - exterior.jpg
• Pont du Gard - aqueduct.jpg

Consistent naming means you can use the filter box to find every image of a sight in a second.