Insert an image

Current version: 10.1

In the Content Editor or the Experience Editor, you can insert various types of media, typically images, into an image field, or a Rich Text field. These media items can be images, animations, film clips, sound files, and so on.

Insert an image into an image field

To insert or change an image in an image field:

  1. In the Content Editor or Experience Editor, navigate to the item or page that you want to edit:

    • In the Content Editor, click the Content tab, locate the image field where you want to insert an image, and click Browse.

      An image field in the Content Editor, and the Browse command
    • In the Experience Editor, click the image field where you want to insert an image and in the floating toolbar that appears, click Choose an Image The Choose an Image icon.

  2. The Select Media dialog box displays all the items from the Media Library that are available for the field you have chosen.

    The Select Media dialog box with All Image files displayed

    The items in the Select Media dialog box are not listed in any particular order, so use the search functionality or the predefined lists from the menu to find your image:

    • In the Media menu, use the links to quickly get a complete list of All image files, All video files, My images, Recently uploaded images, and Recently uploaded videos.

    • To filter the displayed media items according to specific metadata of the image, click the Filter drop-down arrow and select the required filters. The number in parenthesis indicates how many items are available for the filter.

      Filter options in the Select Media dialog box
    • To search for a specific item, enter a search word in the Search field.

    • To navigate through the content tree to find the image that you want to use, click Tree View The Tree View icon in the upper right corner. To go back to the list view, click List view The List View icon.

  3. Select the image that you want to use, click Select Media, and the new image is inserted into the image field.

    Note

    If the image that you want to use is not available, click Upload media to upload a new image to the Media Library.

Insert an image into a text field in the Experience Editor

To insert an image into a text field directly on the page in the Experience Editor:

  1. In the Experience Editor, navigate to the rich text field where you want to insert a media item.

  2. Click the field and in the floating toolbar that appears, click Insert Image The Insert Image icon.

    Note

    If you do not see the Insert Image button in the floating toolbar, click the More drop-down arrow.

  3. The Select Media dialog box displays all the items from the Media Library that are available for the field you have chosen.

    The Select Media dialog box with All Image files displayed

    The items in the Select Media dialog box are not listed in any particular order, so use the search functionality or the predefined lists from the menu to find your image:

    • In the Media menu, use the links to quickly get a complete list of All image files, All video files, My images, Recently uploaded images, and Recently uploaded videos.

    • To filter the displayed media items according to specific metadata of the image, click the Filter drop-down arrow and select the required filters. The number in parenthesis indicates how many items are available for the filter.

      Filter options in the Select Media dialog box
    • To search for a specific item, enter a search word in the Search field.

    • To navigate through the content tree to find the image that you want to use, click Tree View The Tree View icon in the upper right corner. To go back to the list view, click List view The List View icon.

  4. Select the image that you want to use, click Select Media, and the new image is inserted into the image field.

    Note

    If the image that you want to use is not available, click Upload media to upload a new image to the Media Library.

Insert an image in the Rich Text Editor

To insert an image or other type of media item in the Rich Text Editor:

  1. In the Content Editor or the Experience Editor, navigate to the text field where you want to insert a media item.

  2. Open the Rich Text Editor and click Insert Sitecore Media The Insert Sitecore Media icon.

    The Insert Media Item dialog box opens.

  3. If the image is already in the Media Library, find and select the image that you want to insert and then click Insert. To locate the image you can navigate through the content tree on the Media Library tab, or you can search for the item on the Search tab.

    The Media Library tab in the Insert Media Item
  4. If the image is not available in the Media Library, click Upload.

  5. In the Upload File dialog box, click Browse and then select the image file that you want to use.

    The Upload File dialog box
  6. In the Open dialog, click Open to upload the image file to the Media Library.

  7. The image file opens in the Content Editor. To save the new image and return to the Insert Media Item dialog box, click Save/Close.

  8. To insert the image in the text field, click Insert.

    Note

    If you click Cancel, the Insert Media Item dialog box closes, but the new item remains in the Media Library.

Do you have some feedback for us?

If you have suggestions for improving this article,