Upload an image

Article
Read time: 6 minutes

In Sitecore, images and media files are stored in the Media Library. Before using an image on a page or in a component, it needs to be uploaded to the Media Library.

You can upload images in different parts of Sitecore, depending on where you're working:

Uploading an Image (Content or Experience Editor)

  • Content Editor: Click the Media Library tab at the bottom-left.

  The Media Library window opens.

  • Experience Editor, right-click on the Sitecore Platform icon Sitecore Platform icon at the top left corner of the screen to open in a new browser tab so you still have access to the Experience Editor to get back to. Select the Media Library Media Library icon icon. The Media Library window opens.
  1. Navigate to the folder or sub-folder you want to store the image(s) in.
  2. Select the Upload files (advanced) button.


  3. From the Batch Upload dialog box:
    Batch upload dialog box
    • Select the Choose File button.
    • Browse and select the image(s) on your computer.
      • Ensure your images are optimized for the web (600x400 px and 72 DPI to reduce file size and help make the page load faster.
      • You can upload more than one image at a time.
  4. Check the appropriate boxes:
    • Make uploaded media items versionable - Provides the ability to save versions of your images.
    • Overwrite existing media items - This option allows you to upload a file with the same name as an existing file in the Media Library to replace the old file. If you don't select this option, a duplicate file will be created instead of replacing the original.
    • Unpack ZIP archives - Select this option to upload and extract a Zip archive to the Media Library.In the .zip file, you can include subfolders with files. The folder structure is re-created in the Media Library after the files are extracted.
    • Upload as files - This option to store the file in the file system rather than in the database. Keep this option unchecked.
  5. Select the Upload button.
  6. Select the Save Changes Save icon icon located at the top left of the screen.

  7. Select the Edit Edit icon icon to display drop down options and select Check In icon Check In.
  8. Publish the Media Library file for the change to take affect.
  
Uploading an Image from within a Component (e.g., Image Field) 
  1. From the Content Editor view in the Content Area, scroll to an image area from within the component and select the Browse link. The Media Library window will open.
  2. Select the blue Upload media button to browse for a new image on your computer.
    image of the Media Library window

    • Note: Make sure the image will be uploaded to the correct media folder by selecting the Change Destination button.
    • Navigate the Media Library tree and choose the folder if not already selected.
    • Select Confirm to upload images to this location.
  3. Drag and drop images from your computer or select the Browse for media files button to search for the image.
  4. Select the image(s) to upload. If more than one image is uploaded, make sure to complete step 4 for each image.
  5. Add a brief description of the image in the Alternate Text field, if applicable Note: Leave the alt text blank if the image is decorative. This is an accessibility requirement
  6. Select the blue Upload media button located in the top right corner of the window to upload the image(s).
    • You may need to scroll back to the top of the window to see the button.
    • Please be patient as this may take awhile depending upon the number of images being uploaded and their size.
  7. Once the Media Library window displays again, select the image of your choice from the ones displayed.
  8. Select the blue Submit button to add the image.
  9. Select the Save Changes Save icon icon located at the top left of the screen.
  10. Select the Edit Edit icon icon to display drop down options and select Check In icon Check In.
  11. Publish the Media Library file for the change to take affect.

Media Library
Top