Working with Images

To display images on a page the images must be uploaded to your Umbraco media library.

Many organisations set up a media library containing images that editors can use on their pages. The procedure for uploading an image varies slightly depending on which method your organisation has adopted, so check with your system administrator what is applicable in your organisation.

Inserting an Image from the Media Library

1. Place the cursor in the editor where you want to insert your image.
2. Click the Media Picker button on the toolbar. The Select Media tree opens on the right-side of the editor.
3. Select the folder in which your image is stored.
4. Click the thumbnail of the image. The Edit selected media tree opens.
5. Enter an Alternative Text and Caption for your image. Both these fields are optional.
6. Click Select to add the image.

Inserting an Image from your Computer

You can upload images directly from your local directory in the rich text editor. These images will be stored in the Umbraco media library. Ensure that the image is placed in the correct location within the library.

You can also create folders in the media library by clicking the + icon next to Media/.

To insert an image from your computer:

1. Place the cursor in the editor where you want to insert your image.
2. Click the Media Picker button. The Select Media tree opens on the right-side of the editor.
3. Click the Upload button in the top-right corner of the tree.
4. Browse to the directory, select the image, and click Open.
5. Enter an Alternative Text and Caption for your image. Both these fields are optional.
6. Click Select to add the image.

Deleting an Image from the Page

To delete an image from the page:

1. Select the image in your editor.
2. Press Delete on your keyboard. The image is removed from the page, but is not deleted from the Umbraco media library.